Stitch

Макет полезно обсуждать до подключения базы данных и оплаты. Здесь можно проверить расположение элементов, пройти несколько экранов и передать разработчику визуальный результат вместе с кодом.

Холст для целого проекта

Рабочая область объединяет связанные экраны на одном холсте. В качестве исходных материалов подходят текст, изображения и код. Дизайнер может держать рядом несколько направлений и постепенно выбирать подходящее.

Агент учитывает ход работы над проектом. Изменение отдельного экрана можно обсуждать вместе с логикой всего пользовательского пути.

Описание вместо пустого макета

Начать можно с задачи пользователя и желаемого впечатления от интерфейса. Например, описать запись на занятие, нужные поля и действие после отправки формы. В запросе полезно обозначить приоритет информации.

На официальном лендинге есть шаблоны веб-страниц и мобильных экранов. Они дают исходную композицию для дальнейших изменений.

Эскизы и изображения на входе

Сервис принимает нарисованные схемы и скриншоты как основу интерфейса. Такой ввод помогает показать структуру, которую трудно передать одним предложением.

Референс стоит дополнять пояснением, какие детали нужно сохранить. Иначе похожая композиция может отвечать другой задаче.

Правки в ходе генерации

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

Google описывает этот процесс как совместную работу с дизайн-агентом. Скорость появления экранов не заменяет проверку их логики.

Голосовое обсуждение дизайна

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

Это полезно во время просмотра макета, когда замечание проще произнести. Режим в интерфейсе обозначен как предварительный.

Связанные экраны и переходы

Прототип объединяет несколько экранов и интерактивные области перехода. Так можно пройти предполагаемый сценарий до написания серверной логики.

Кликабельный прототип помогает заметить пропущенный шаг. Например, проверить, куда пользователь попадает после подтверждения выбора.

Код и передача в Figma

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

Для готового продукта ещё нужны реальные данные, обработка ошибок и проверка поведения элементов. Визуальное совпадение с макетом само по себе этого не гарантирует.

AI Studio и публикация

Google описывает передачу экранов в Antigravity, создание ссылки через Google AI Studio и публикацию в веб через Netlify.

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

MCP и официальный SDK

Официальный пакет @google/stitch-sdk позволяет создавать проекты и экраны из программы, получать адреса HTML и изображений. Он работает с удалёнными инструментами MCP.

Поддержаны подключения к Vercel AI SDK и Google ADK. Для программной работы требуется API-ключ; опубликованные примеры показывают создание проекта и генерацию экрана.

Где работает

Основной канал - веб-сервис на stitch.withgoogle.com. Для подключения из других инструментов доступны MCP и официальный SDK. Генерация мобильного макета не означает наличие собственного мобильного приложения.

FAQ указывает возраст от 18 лет и страны, где доступен Gemini. В открытом интерфейсе часть управляющих элементов переведена на русский, справка остаётся английской. Проверка доступа с российского IP в этом обзоре не проводилась.

Бесплатный доступ и кредиты

На осень 2026 года официальный FAQ подтверждает бесплатное использование с дневным лимитом кредитов. Остаток и детали доступны в настройках, обновление лимита происходит в полночь UTC.

• Доступ - $0 в рамках действующей бесплатной модели.
• Лимит - дневные кредиты; конкретное число следует смотреть в своём аккаунте.

Что помогает и что ограничивает

Сильные стороны видны в самом рабочем процессе.

• Текст, эскиз и скриншот подходят для старта.
• Связанные экраны позволяют проверить пользовательский путь.
• Экспорт связывает дизайн с редактором и разработкой.

При планировании работы нужно учитывать ограничения.

• Расход генераций ограничен кредитами.
• Часть режимов имеет предварительный статус.
• Макет и статический код требуют проверки перед подключением реальных данных.

Как поставить задачу агенту

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

Если нужен общий разговорный помощник Google, отдельная карточка Gemini описывает другой продукт экосистемы. Здесь задача сосредоточена на интерфейсах.

Google Labs и рабочий результат

Продукт развивает Google Labs. Официальные материалы связывают генерацию дизайна с моделями Google DeepMind и инструментами разработки Google.

Сервис пригодится для обсуждения будущего интерфейса и подготовки прототипа. Главная практическая проверка результата - понятен ли путь пользователя через собранные экраны.