Maketa — конструктор экранов приложений · продукт студии demda

Нарисуйте экраны приложения — и дайте ссылку вместо объяснений

Собирайте экраны из блоков мышкой и связывайте их переходами — кнопки в макете кликаются, как в настоящем приложении. Без дизайнера и без программирования. Рисовать бесплатно: без карты и без регистрации.

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

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

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

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

Как с Maketa

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

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

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

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

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

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

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

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

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

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

ИИ

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

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

Редактор Maketa: ИИ дорисовывает экран по описанию
MCP-сервер Maketa: подключение к Claude, ChatGPT, Cursor, VS Code и Cline
MCP и API

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

MCP-сервер с 13 инструментами: Claude, ChatGPT, Cursor, VS Code и Cline подключаются одним URL и рисуют в вашем макете сами. REST API с OpenAPI-схемой, llms.txt, песочный ключ для автономных агентов. Плюс выгрузка экранов из Flutter и веба прямо из кода.

Документация MCP →

И ещё

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

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

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

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

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

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

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

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

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

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

iPad и Apple Pencil

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

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

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

Экспорт

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

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

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

Живое соавторство

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

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

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

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

Просмотр макета Maketa в рамке iPhone 15: живой прототип с кликабельными кнопками и таб-баром
Режим замечаний в Maketa: на макете обведён баннер, выделена маркером строка поиска и проведена стрелка к цене; рядом облачка с текстом замечаний, справа список с кнопками «Принять» и «Отклонить»
Замечания и согласование

Рецензирование макета — как в Word, только по экранам

Отправьте ссылку с правом «замечания» — и человек без аккаунта, регистрации и обучения обведёт нужное прямо на макете, выделит маркером и напишет, что не так. Замечание держится за блок и переживает перекладку экрана.

  • Принять или отклонить — со своим комментарием. Решение видит рецензент, а не «замечание молча исчезло».
  • Журнал решений. Кто, когда и почему закрыл замечание — строки только дописываются. Выгружается вместе со списком правок.
  • Готовый список задач. Все замечания одним нажатием — в задачу, письмо или канбан.
  • Видно при обходе прототипа. Пометки лежат поверх экранов и в режиме просмотра.

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

Открыть редактор
Удобно везде

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

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

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

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

У Maketa есть MCP-сервер с 13 инструментами: нейросеть видит экраны вашего макета и их структуру, создаёт новые, правит и переставляет блоки, делает ветку под редизайн. Вход — вашим же аккаунтом 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 · MCP docs in English · llms.txt · OpenAPI 3.1. Сервер открыт под MIT — github.com/demdas/maketa-mcp, и опубликован в официальном реестре MCP.

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

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

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

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

Подробнее и честнее — в развёрнутом сравнении с Figma: там у Figma плюсов больше, чем у нас, и прямо сказано, когда правильный ответ — она.

Для кого

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

01

Заказчикам

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

02

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

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

03

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

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

Цены

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

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

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

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

Вопросы

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

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

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

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

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

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

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

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

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

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

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

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

Да, это уже работает. У Maketa есть MCP-сервер с 13 инструментами: Claude, ChatGPT, Cursor, VS Code и Cline подключаются одним URL, входят вашим аккаунтом по OAuth 2.1 и видят только ваши доски. Агент читает дерево экрана, создаёт экраны и правит их. Есть и REST API с OpenAPI-схемой, llms.txt и песочный ключ для автономных агентов.

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

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

Как вообще объяснить разработчику, что я хочу?

Это отдельный большой вопрос, и мы разобрали его подробно: пять способов объяснить, как должно выглядеть приложение — со словарём заказчика и списком решений, которые программист примет за вас, если промолчать. Рядом — структура ТЗ на мобильное приложение с шаблоном файлом.

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

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

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