Конструктор экранов · продукт студии demda

Нарисуйте приложение — и оно оживёт. Без дизайнера и без ТЗ.

Собирайте экраны из блоков мышкой и связывайте их переходами — кнопки в макете кликаются, как в настоящем приложении. Отправьте ссылку вместо ТЗ, а если лень рисовать — ИИ разберёт скриншот за 15 ₽ или соберёт экран с нуля за 19 ₽.

Бесплатно, без карты✦ Регистрация не нужна для первого макета✦ Работает в браузере, на iPad — с Apple Pencil
maketa.pro
Редактор Maketa: демо-проект с примечаниями, экран приложения в рамке iPhone и таб-баром
Кнопки в макете кликаются — экраны переключаются
Знакомо?

Объяснять «на словах» — дорого и мимо

😵 Как задачу объясняют сейчас

  • Голосовые на 5 минут и скриншоты из десяти разных приложений
  • «Сделайте похоже, но по-своему» — и переделки по кругу
  • Студия делает не то, что было в голове у заказчика
  • Figma пугает, а рисовать негде

🎯 Как с Maketa

  • Нарисовали экран мышкой за пару минут
  • Отправили одну ссылку — заказчик сам кликает живой прототип
  • Правки прямо на макете, а не в переписке — и они объединяются, а не теряются
  • Понятно и заказчику, и разработчику, и даже его ИИ
Как это работает

Три шага — и есть макет

Открыли редактор

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

Нарисовали экраны

Фигуры, текст, картинки из буфера, эмодзи, таб-бар. Или попросите ИИ — разберёт скриншот, дорисует, соберёт экран по описанию. Всё сохраняется само.

Оживили и поделились

Свяжите кнопки переходами — макет кликается. Отправьте ссылку: заказчик сам пролистает прототип, как настоящее приложение.

Попробовать бесплатно →
Возможности

Нарисовали → прототип ожил → ссылка вместо ТЗ

Кликабельный прототип

Задайте у кнопки «При нажатии → экран» — и макет оживает: в «Просмотре» и по ссылке заказчика кнопки кликаются, экраны переключаются, таб-бар листает разделы, как в настоящем приложении.

ИИ дорисует — цены фиксированные

Совет — 5 ₽, разбор скриншота на объекты — 15 ₽, экран с нуля по описанию — 19 ₽. Отказ ИИ — бесплатно, остаток не сгорает.

🖱️

Рисуете мышкой

Прямоугольники со скруглением, эллипсы, текст, карандаш, картинки, эмодзи. Никакого порога входа.

Таб-бар одним объектом

2–5 пунктов с иконками, у каждого — свой переход на экран. Сам прилипает к низу, как в настоящем приложении.

📱

Рамка устройства

Экран сразу в корпусе реального iPhone, Android или iPad — с камерой и статус-баром, как в симуляторе.

👥

Живое соавторство — правки объединяются

Работайте над макетом вдвоём или командой: чужие правки подтягиваются на лету и объединяются с вашими, а не затирают их. Автосохранение, история изменений, «Мои макеты».

🔗

Ссылка вместо ТЗ

Делитесь макетом по ссылке с правами «смотреть» или «редактировать». Одна ссылка — весь контекст и живой прототип.

🤖

Для ИИ-агентов — уже работает

MCP-сервер, REST API с OpenAPI-схемой и llms.txt: ИИ вашего разработчика может читать и рисовать в вашем макете сам. Плюс выгрузка экранов из Flutter и веба прямо из кода.

🎓

Демо-проект с примечаниями

Не знаете, с чего начать? Откройте демо: примечания 1–6 прямо на холсте показывают, как всё устроено.

🌙

Тёмная и светлая тема

Рисуйте и показывайте макеты так, как удобно вам и заказчику.

✏️

iPad и Apple Pencil

Перо рисует, палец двигает холст, пинч-зум — как в Figma. Вставка из буфера — одной кнопкой.

✂️

Экспорт

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

🎬 Скоро: ролик о вашем приложении из макета — для сторис и App Store В РАЗРАБОТКЕ

Живой прототип

Заказчик не смотрит картинку — он кликает приложение

Встроенный просмотр в рамке устройства: выбирайте модель и версию ОС (iPhone, Android, планшет, веб). Кнопки с переходами и таб-бар работают — заказчик сам пролистает экраны по вашей ссылке и поймёт всё без слов.

Просмотр макета Maketa в рамке iPhone 15: живой прототип с кликабельными кнопками и таб-баром
Удобно везде

Тёмная тема, iPad и Apple Pencil

Работайте как привычно: светлая или тёмная тема в один клик. На iPad перо рисует, палец двигает холст, пинч-зум — как в Figma. Всё в браузере, ставить ничего не нужно.

Редактор Maketa в тёмной теме: демо-проект с примечаниями
Для ИИ-агентов

Подключите Maketa к своему ИИ в один клик

У Maketa есть MCP-сервер: нейросеть видит экраны и объекты вашего макета, создаёт новые и правит существующие. Вход — вашим же аккаунтом Maketa по OAuth 2.1, доступ — только к вашим доскам. Начните с maketa_list_boards.

https://maketa.pro/maketa/api/mcp

Claude Code

Одна команда в терминале — дальше браузер попросит войти в Maketa.

claude mcp add --transport http maketa https://maketa.pro/maketa/api/mcp

Claude — веб и десктоп

Настройки → «Connectors» → «Add custom connector» → вставьте URL сервера. Прямой ссылки на установку у Claude нет, поэтому только так.

Cursor

Кнопка откроет Cursor и предложит добавить сервер. Если ничего не открылось — Settings → Tools & Integrations → New MCP Server и URL вручную.

Добавить в Cursor →

VS Code

Открывает VS Code с уже заполненной карточкой сервера (нужен GitHub Copilot Chat и агентный режим).

Добавить в VS Code →

Cline

Ссылки на установку у Cline нет. MCP Servers → «Configure MCP Servers» и вставьте блок в cline_mcp_settings.json.

{"mcpServers":{"maketa":{
  "type":"streamableHttp",
  "url":"https://maketa.pro/maketa/api/mcp"
}}}

ChatGPT

Настройки → «Connectors» → включить режим разработчика → «Create» и вставить URL сервера. Доступно на платных тарифах.

Работает и без OAuth: передайте проектный ключ mk_pk_… заголовком Authorization: Bearer. Автономному агенту без человека — песочный ключ mk_sb_… за один POST. Подробности: документация MCP · llms.txt · OpenAPI 3.1.

Чем отличаемся

Figma — для дизайнеров. Maketa — чтобы объяснить дизайнеру

Мы не заменяем профессиональные инструменты. Мы закрываем разрыв между «идея в голове» и «понятная задача студии».

 MaketaFigma / проф. инструменты«На словах» в телеге
Порог входаОткрыл и рисуешьУчиться неделямиНулевой, но мимо
Понятно разработчикуДа, макетДаКак повезёт
Кликабельный прототипВстроен, по ссылкеДа, после настройкиНет
Рамка реального устройстваВстроенаПлагины/настройкаНет
Поделиться ссылкойОдним кликомДаСкриншоты
На русском, без лишнегоДаПерегружено
ЦенаБесплатноПлатно для командБесплатно
Для кого

Всем, кому нужно показать экран

🙋

Заказчикам

Идея в голове есть, а нарисовать негде. Соберите макет и покажите студии, чего вы хотите — без переделок.

🎨

Студиям и фрилансерам

Получайте от клиента макет вместо голосовых. Согласовывайте на холсте, а не в переписке.

🚀

Продактам и стартапам

Быстрый каркас экранов, чтобы проверить идею и передать в разработку. Figma тут избыточна.

Цены

Рисовать — бесплатно. ИИ — по фиксированным ценам

Карта и регистрация не нужны для первого макета. Никаких подписок и «зависит от сложности»: у каждой ИИ-операции понятная цена в рублях, каждое списание видно в истории, остаток не сгорает.

Старт
0 ₽
  • Полноценный редактор и кликабельный прототип
  • Рамка устройства и просмотр как на телефоне
  • Автосохранение и ссылки для доступа
  • Живое соавторство и «Мои макеты»
  • MCP и API для своих макетов, экспорт картинкой
Открыть редактор →
ИИ-помощник
от 5 ₽
  • Совет по экрану — 5 ₽
  • Разбор скриншота на объекты — 15 ₽
  • Экран с нуля по описанию — 19 ₽
  • Отказ ИИ — бесплатно, остаток не сгорает
  • Пакеты от 149 ₽ или своя сумма от 100 ₽ — по СБП

🎁 100 ₽ на ИИ в подарок — сразу после подтверждения e-mail.

Вопросы

Коротко о главном

Нужно ли уметь рисовать или знать Figma?

Нет. Maketa сделана для тех, кто не дизайнер: перетаскиваете готовые блоки мышкой. Если умеете двигать иконки на телефоне — справитесь.

Это бесплатно?

Да. Всё, что рисуете руками, — бесплатно и без карты; первый макет можно собрать без регистрации. Платно — только ИИ-функции, по фиксированным ценам: совет 5 ₽, разбор скриншота 15 ₽, экран с нуля 19 ₽. После подтверждения e-mail — 100 ₽ на ИИ в подарок.

Что такое кликабельный прототип?

У любой кнопки или пункта таб-бара можно задать «При нажатии → экран». В «Просмотре» и по ссылке заказчика макет оживает: нажимаете — экраны переключаются, как в настоящем приложении.

Как показать макет заказчику или разработчику?

Нажмите «Поделиться» — получите ссылку на просмотр или редактирование. Все видят один и тот же макет, а заказчик может кликать переходы прямо по ссылке.

Мои макеты сохраняются? А если нас несколько?

Да, всё пишется на сервер автоматически. Правки соавторов объединяются, а не затирают друг друга. С аккаунтом макеты доступны с любого устройства в «Моих макетах».

Может ли нейросеть или ИИ-агент работать с моим макетом?

Да, это уже работает: у Maketa есть MCP-сервер, REST API с OpenAPI-схемой и llms.txt. ИИ вашего разработчика может читать и рисовать в вашем макете сам.

Чем это отличается от Figma?

Figma — мощный инструмент для дизайнеров. Maketa — чтобы быстро и без обучения объяснить, как всё должно выглядеть, и сразу показать живой прототип. Мы закрываем разрыв между идеей и понятной задачей.

Нарисуйте свой первый экран прямо сейчас

Бесплатно, в браузере, без регистрации. Через пять минут макет уже будет кликаться.

Открыть редактор →
🛠️ Нарисовали, а делать некому? Студия demda.pro превратит макет в готовое приложение или сайт. Обсудить проект →