Maketa · руководства

Как дать нейросети рисовать экраны приложения

Claude, ChatGPT или Cursor подключаются к вашим макетам напрямую и собирают экраны сами — не картинкой, а структурой, которую потом можно править руками. Что для этого нужно, что агент умеет на самом деле, где ошибается и сколько это стоит.

Обновлено 15 сентября 2026 · студия demda.pro

Короткий ответ

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

  1. Внутри Maketa. Кнопка «✨ ИИ-помощник»: опишите экран словами или киньте скриншот — получите готовые блоки в макете. Ничего подключать не нужно, цена фиксированная (разбор скриншота 15 ₽, экран по описанию 19 ₽).
  2. Своим агентом по MCP. Одной строкой подключаете Claude, ChatGPT, Cursor или VS Code к своим макетам — и агент работает с экранами как с данными: читает дерево, создаёт экраны, добавляет и двигает элементы. Само подключение бесплатно.

Главное отличие от «нейросеть нарисовала интерфейс»: на выходе не картинка, а структура экрана. Её можно поправить мышкой, связать переходами и отдать ссылкой — а картинку можно только переделать заново.

Два способа — и когда какой

ИИ внутри MaketaСвой агент по MCP
Что нужноничего, кнопка в редактореClaude, ChatGPT, Cursor или VS Code
Как объясняетесловами или скриншотомобычным диалогом в своём агенте
Цена15 ₽ разбор, 19 ₽ экран, 5 ₽ советподключение бесплатно, платите за своего агента
Кому удобнеезаказчику без технического бэкграундатому, кто и так живёт в Claude или Cursor

Как подключить за минуту

Maketa — это удалённый MCP-сервер (Model Context Protocol, тот самый стандарт, по которому агенты получают доступ к инструментам). Подключение — одна строка:

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

В Claude или ChatGPT то же самое делается через «Add custom connector» — вставляете адрес https://maketa.pro/maketa/api/mcp. Дальше открывается вход Maketa: вы авторизуетесь своим аккаунтом и подтверждаете доступ. Ключи прописывать не нужно, доступ отзывается в профиле одной кнопкой.

Первый вызов агента — maketa_list_boards: он видит только ваши макеты и ничьи больше.

Что агент реально делает

Тринадцать инструментов, и все — про структуру, а не про пиксели:

  • Читает: список макетов, список экранов, дерево конкретного экрана.
  • Создаёт: новый экран, элементы внутри него.
  • Правит: меняет свойства элемента, переносит его в другой контейнер, удаляет.
  • Ветвит: делает ветку экрана — чтобы сравнить варианты, не потеряв исходный.

Практический диалог выглядит так: «Открой макет „Запись клиентов“, добавь на экран подтверждения блок с адресом и кнопку „Построить маршрут“, кнопка ведёт на новый экран „Карта“». Агент делает — вы открываете макет в браузере и видите результат; не понравилось — двигаете руками, отменяете или просите переделать.

Есть и обратная сторона: агенту доступно описание модели и OpenAPI-схема, а автономному агенту без человека — песочный ключ за один запрос. Это к тому, что подключается не только Claude.

Почему дерево экранов, а не картинка

Большинство инструментов «ИИ рисует интерфейс» отдают изображение или готовый код. И то и другое плохо переживает правку заказчиком: картинку нельзя подвинуть, код нельзя понять без разработчика.

Maketa хранит экран деревом узлов: шапка, тело, нижнее меню; внутри — стопки, карточки, тексты, кнопки, поля. У детей нет координат — место задаёт родитель, как в настоящих интерфейсах. Отсюда три следствия, ради которых всё и затевалось:

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

Где нейросеть ошибается — по нашему опыту

Это не реклама ИИ, поэтому честно о том, что видно по нашим же логам.

  • Придумывает «среднее по интернету». На запрос «сделай экран записи» получается чей-то усреднённый экран записи. Лечится деталями: услуги, цены, длительность, кто клиент.
  • Промахивается мимо состояний. Пусто, загрузка, ошибка, нет сети — их приходится просить отдельно, сам он про них вспоминает редко.
  • Плохо держит длинные макеты целиком. Экран за экраном — хорошо; «сделай всё приложение одним запросом» — почти всегда переделка.
  • Иногда обрывается на длинном ответе. У нас это отдельно обработано: за пустой результат деньги не списываются — пришёл обрывок, значит операция бесплатна.

Рабочий порядок, который экономит и время, и деньги: взять готовый каркас, а нейросети поручать точечное — «добавь экран отмены записи», «сделай пустое состояние списка».

Доступ и безопасность

  • Вход по OAuth 2.1 с подтверждением — агент получает доступ не к сервису вообще, а к вашему аккаунту, и только после явного согласия.
  • Только свои макеты. Агент не видит чужих досок, даже если знает их адрес.
  • Отзыв в один клик. Кнопка в профиле гасит все выданные агентам доступы разом.
  • Никаких ключей в переписке. Для автономных сценариев есть отдельные проектные и песочные ключи с ограничениями.

Сколько стоит

Подключение по MCP — бесплатно: вы платите только своему агенту (Claude, ChatGPT, Cursor — по их тарифам). Встроенный ИИ Maketa работает по фиксированным ценам в рублях: совет 5 ₽, разбор скриншота 15 ₽, экран с нуля 19 ₽; после подтверждения почты на счёт приходит 100 ₽ в подарок. Рисование руками, кликабельный прототип, ссылки и соавторы — бесплатны всегда.

Подключить своего агента

Одна строка для Claude Code, «Add custom connector» для Claude и ChatGPT. Или начните без ИИ — с готового каркаса.

Как подключить → Открыть редактор

Частые вопросы

Чем это отличается от «Claude нарисовал интерфейс в артефакте»?

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

Нужен ли платный тариф Claude или ChatGPT?

Со стороны Maketa — нет, подключение бесплатное. Возможность подключать внешние инструменты зависит от вашего тарифа у самого агента.

Работает ли это из России?

Сам сервис — да, он российский и оплачивается по СБП. Доступность вашего агента зависит от него: встроенный ИИ Maketa работает без VPN, потому что мы ходим к модели со своей стороны.

Можно ли дать агенту доступ только на чтение?

Да — через проектный ключ с ограниченными правами или отдельный макет-песочницу. Подробности — в документации.

А если агент всё испортит?

История правок ведётся в редакторе: отмена работает как обычно. Для рискованных экспериментов есть ветка экрана — исходный вариант остаётся нетронутым.

Что читать дальше