Конструктор экранов приложения: кликабельный прототип в браузере без регистрации

Главный источник споров в заказной разработке — разное представление о том, как должно выглядеть приложение. Заказчик описывает словами, исполнитель понимает по-своему, расхождение всплывает на первой демонстрации, когда за работу уже заплачено.

Существующие инструменты прототипирования эту проблему не снимают: они рассчитаны на дизайнера. Человек, который просто хочет объяснить свою идею, не будет осваивать профессиональный редактор ради двух экранов.

Мы делали инструмент для второй стороны — для заказчика. Открыл в браузере, собрал экраны из готовых блоков, связал переходами, отправил ссылку. Без установки, без регистрации, без обучения.

Сделали редактор экранов, который открывается по ссылке и работает без установки и регистрации.

Холст и блоки. Экран собирается из готовых элементов: кнопки, списки, поля, картинки, нижнее меню. Рисовать не нужно — достаточно перетащить и подписать. Работает мышью на компьютере и пером на планшете.

Кликабельный прототип. Элементы связываются переходами: нажатие на кнопку открывает нужный экран. По ссылке человек листает будущее приложение так же, как настоящее, и сразу говорит, где не так.

Совместная работа. Несколько человек редактируют один макет одновременно, изменения видны сразу, всё сохраняется само.

ИИ-разбор. Можно загрузить скриншот чужого приложения или описать экран словами — система соберёт из этого готовый экран с блоками, который дальше правится руками.

Ролик из макета. По готовым экранам собирается короткое видео с подписями, музыкой и озвучкой — его отправляют инвестору или заказчику вместо статичных картинок.

MCP-сервер. Прототип может собрать ИИ-агент из Claude или Cursor: у нас есть двенадцать инструментов для работы с макетом через протокол MCP.

Редактор написан на Konva, серверная часть на Node без внешних зависимостей, рендер роликов на Remotion.

Продукт работает и открыт для всех: maketa.pro, регистрация не нужна, первый экран собирается за пару минут.

Мы используем его на своих проектах. Перед тем как называть цену, собираем прототип будущего приложения и присылаем заказчику ссылку. Обсуждение идёт по экранам, а не по словам, и правки приходят до начала разработки, а не после первой демонстрации.

Побочный результат оказался важнее ожидаемого: ТЗ перестало быть текстом, который каждая сторона понимает по-своему.

Проект развивается: раздел роликов, запись экрана приложения, сбор обратной связи прямо в редакторе.