Google Stitch прошёл путь от Galileo AI до дизайн-канваса на базе Gemini — настолько аккуратного, что его уже сравнивают с Figma. Но ажиотаж стоит немного приземлить: сервис за несколько минут превращает идею в UI, который выглядит почти готовым к релизу. Однако на деле это качественный первый черновик для кодового агента, а не экран, который можно без доработок отправлять в прод.
Что умеет Google Stitch
- Как работает: опишите приложение, вставьте скриншот или вайрфрейм — Stitch создаст редактируемый интерфейс в визуальном канвасе и позволит экспортировать HTML/CSS.
- Цена: бесплатно, нужен только аккаунт Google. Сервис доступен на stitch.withgoogle.com, ничего устанавливать не требуется.
- Главное ограничение: Stitch заточен под передачу результата в разработку, а не под роль финального инструмента дизайнера.
Модельная часть сервиса развивается быстро. По состоянию на июль 2026 года в селекторе доступны четыре режима:
- 3 Flash — режим по умолчанию на Gemini 3 Flash. Быстро делает первые варианты и рассчитан на экспорт в кодовых агентов.
- Thinking with 3.1 Pro — Gemini 3.1 Pro. Подходит для сценариев с несколькими экранами, где важно сохранить целостность интерфейса.
- Redesign — Nano Banana Pro. Пересобирает существующий экран по скриншоту.
- Ideate — помогает исследовать разные направления, прежде чем выбрать одно из них.
Что принесло обновление 2026 года
Обновление «vibe design», вышедшее 18 марта 2026 года, превратило Stitch из генератора отдельных экранов в агента, который понимает контекст проекта:
- Бесконечный канвас — все генерации располагаются рядом друг с другом; в качестве контекста можно добавлять изображения, текст и код.
- Дизайн-агент, который учитывает весь проект, и менеджер для параллельной проработки идей.
- DESIGN.md — Markdown-файл с дизайн-системой: цветами, типографикой и правилами компоновки. Его можно переносить между инструментами.
- Интерактивные прототипы — экраны связываются между собой, после чего прототип можно запустить и прокликать.
- Голосовое управление — можно говорить с канвасом, а он будет в реальном времени вносить правки.
Одновременно появились MCP-сервер, SDK и экспорт в AI Studio и Antigravity. Именно экспорт делает Stitch полезным: он встраивается в существующий процесс разработки, а не заканчивается на красивом макете.
Google Stitch действительно бесплатен?
Да, платного тарифа нет. Неясность есть только с лимитами: Google их подробно не раскрывает.
| Утверждение | Статус |
|---|---|
| Бесплатно, без платного плана, нужен только аккаунт Google | Подтверждено на официальном сайте |
| Точный месячный или дневной лимит | Не опубликован; сторонние источники приводят противоречивые цифры: 350+200, 350+50, около 400 в день |
| Кредиты обновляются по циклу, пополнить их нельзя | Сообщается пользователями, но в документации не подтверждено |
Практический вывод простой: ориентируйтесь на счётчик внутри сервиса, рассчитывайте на ограничение и не стройте дедлайн вокруг цифры из чужого блога. Простые запросы расходуют мало, а многоэкранные сценарии быстро съедают лимит.
Проблема согласованности между экранами
Это самый частый упрёк в адрес Stitch, и ситуация развивалась так:
- На старте: пользователи r/UXDesign отмечали, что сервис хорош для вариаций, но «плохо справляется с флоу из множества экранов». Тестировщики получали скорее «цветной вайрфрейм, чем отполированный макет», а в экспортированной форме кнопка отправки ничего не делала.
- 9 апреля 2026 года: официальный аккаунт сообщил об исправлениях — агент теперь учитывает существующую дизайн-систему, изменения в DESIGN.md синхронизируются обратно, а макеты реже накладываются друг на друга.
- Что остаётся нерешённым: в конце апреля один разработчик точно сформулировал разрыв: передача UI в продакшен «всё ещё остаётся интересной нерешённой проблемой; Stitch 2.0 помогает, но не закрывает её полностью».
Что делать с экспортированным результатом
Реальный процесс в 2026 году выглядит не как «сделал дизайн в Stitch — выпустил из Stitch», а как эстафета:
1. Сгенерировать UI и DESIGN.md в Stitch. 2. Передать код через экспорт или MCP кодовому агенту — Claude Code, Codex или Cursor. 3. Агент превратит его в работающий React-проект. Один разработчик назвал связку Stitch и Claude Code через MCP «пайплайном, который наконец убивает AI-халтуру».
Перед тем как доверять экспортированному коду, проверьте то, что Stitch обычно упускает: адаптивность, работоспособность форм, состояния загрузки и ошибок, маршрутизацию, а также повторно используемые компоненты вместо их дублей.
Есть и нюанс по стоимости: кодовый агент использует LLM API, который оплачивается отдельно от бесплатного канваса Stitch. Для этого шага нужна модель вроде Gemini или Claude: сам Stitch остаётся бесплатным, а расходы накапливаются уже на стороне агента.
Google Stitch, v0 и Figma Make: в чём разница
| Инструмент | Подход | Лучший результат | Цена |
|---|---|---|---|
| Google Stitch | Сначала дизайн: запрос → UI + код | Быстрые концепты с несколькими экранами | Бесплатно |
| v0 by Vercel | Сначала компоненты: запрос → React | Готовые к встраиванию компоненты shadcn/ui | От ~$20/мес. |
| Figma Make | Работа в канвасе: ИИ внутри Figma | Правки без выхода из файла | Тариф Figma |
Это не столько конкуренты, сколько взаимодополняющие инструменты: идеи можно искать в Stitch, компоненты генерировать в v0, а собирать всё в Cursor или Claude Code.
Кому стоит попробовать Stitch
- Подойдёт: фаундерам, продакт-менеджерам и разработчикам, которым нужно быстро проверить концепцию; людям без дизайнерского опыта, желающим получить убедительный UI без изучения Figma; командам, уже работающим в экосистеме Google.
- Не подойдёт как финальный этап: enterprise-командам, которым нужна управляемая библиотека компонентов, и дизайнерам, для которых критичны попиксельный контроль и готовый к продакшену результат.
Итог: если нужно за минуты пройти путь от идеи до продуманного UI с кодовой основой, Google Stitch — один из самых сильных бесплатных вариантов в 2026 году. Но финальную доводку лучше поручить кодовому агенту.
FAQ
Google Stitch бесплатен?
Да, платного плана нет — достаточно аккаунта Google. Использование ограничено неопубликованной квотой, поэтому следите за счётчиком в интерфейсе.
Какие ИИ-модели использует Google Stitch?
По состоянию на июль 2026 года: Gemini 3 Flash по умолчанию, Gemini 3.1 Pro в режиме Thinking и Nano Banana Pro в режиме Redesign. Они заменили прежнюю конфигурацию на Gemini 2.5.
Google Stitch генерирует работающий код?
Он генерирует фронтенд на HTML/CSS, но это лишь отправная точка: тестировщики сталкивались с неработающими кнопками и отсутствующей логикой. Перед релизом код нужно доработать в инструменте для программирования.
Сохраняет ли он существующую дизайн-систему?
С апреля 2026 года агент старается соблюдать заданную дизайн-систему, а DESIGN.md переносит правила между инструментами. Результат лучше, чем на старте, но согласованность между экранами всё равно стоит проверять.
Google Stitch лучше Figma?
Он быстрее помогает получить концепт, но Figma по-прежнему сильнее в совместной работе, дизайн-системах и контроле готового результата. Большинство пользователей начинают в Stitch, а завершают работу в другом инструменте.