Конструктор интерактивных инструкций

Создавайте пошаговые интерактивные инструкции из скриншотов и экспортируйте автономный HTML.

Добавьте скриншоты, напишите инструкции и разместите маркер. Проверьте просмотр, затем скачайте HTML или сохраните проект для дальнейшей правки.

0 / 0Перетащите маркер или используйте стрелки.

Добавьте скриншоты или попробуйте пример.

Нажмите на пронумерованный маркер для продолжения.

Изменения остаются в этой вкладке до сохранения проекта.
Как использовать

Конструктор интерактивных инструкций

Добавьте скриншоты, напишите инструкции и разместите маркер. Проверьте просмотр, затем скачайте HTML или сохраните проект для дальнейшей правки.

Пример и ожидаемый результат

Попробуйте пример JSON: загрузить данные, отформатировать и скопировать результат. HTML содержит три скриншота и работает без интернета.

Ограничения и отмена

До 20 шагов, 8 MB на PNG, JPEG или WebP, 40 MB всего, 16 миллионов пикселей и 8192 на сторону. Без анимации. Проект до 58 MB. Запись, автоматическое определение шагов и перевод не предусмотрены.