Google Stitch обновился — и теперь это полноценный «vibe design» для интерфейсов

Вы наверняка слышали про «vibe coding» — когда разработчик описывает задачу словами, а ИИ пишет код. Google решил, что дизайнерам тоже пора так жить, и выпустил крупное обновление Stitch — своего ИИ-инструмента для генерации интерфейсов.

За Stitch стоит история. В 2022 году Арно Бенар основал стартап Galileo AI — инструмент, который генерировал UI из текстовых описаний. В мае 2025 года Google приобрёл Galileo AI, команда вошла в Google Labs, а продукт был перезапущен под именем Stitch — уже на базе моделей Gemini. На старте это было удобно для прототипирования, но до полноценного рабочего инструмента не дотягивало.

Теперь всё изменилось. Вот пять главных обновлений:

AI-Native Canvas

Stitch превратился из генератора картинок в полноценный редактор. Теперь вы работаете на канвасе — можете двигать элементы, редактировать, комбинировать сгенерированные блоки. Это уже не «промпт → результат → заново», а итеративный процесс.

Умный Design Agent

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

Голосовое управление

Можно просто сказать, что нужно изменить — и агент сделает. Для тех, кто привык к голосовому вводу (а я, например, уже давно диктую тексты через Wispr Flow), это меняет весь опыт работы с дизайн-инструментом.

Мгновенные прототипы

Сгенерированные экраны сразу становятся интерактивными. Не нужно экспортировать в Figma, чтобы показать заказчику — прототип готов к демонстрации прямо в Stitch.

Design Systems и DESIGN.md

Поддержка дизайн-систем — это то, чего не хватало для командной работы. Теперь можно задать правила (цвета, типографика, компоненты), и агент будет им следовать. А файл DESIGN.md работает как инструкция для ИИ — аналог SOUL.md или AGENTS.md, только для визуала.

Что это значит на практике

Google явно целится не в профессиональных дизайнеров с 10-летним опытом. Stitch — для разработчиков, продакт-менеджеров и предпринимателей, которым нужно быстро проверить идею. Описал словами → получил рабочий прототип → показал команде. Весь цикл — минуты, а не дни.

Насколько это заменит ручной дизайн? Пока нет. Но как инструмент для «нулевой итерации» — когда нужно перейти от идеи к чему-то осязаемому — Stitch уже работает. И с каждым обновлением работает всё лучше.

Как передать результаты из Stitch в Claude

Красивый дизайн — это полдела. Дальше его нужно превратить в рабочий код. И вот тут начинается самое интересное.

Google выпустил поддержку MCP (Model Context Protocol) для Stitch. Это значит, что Claude Code (и другие агенты) могут подключиться к вашим проектам в Stitch напрямую — без копипаста и ручного экспорта.

Настройка занимает буквально минуту. Добавляете в конфиг MCP-клиента:

{
  "mcpServers": {
    "stitch": {
      "command": "npx",
      "args": ["@_davideast/stitch-mcp", "proxy"]
    }
  }
}

После этого Claude Code видит все ваши экраны в Stitch, забирает HTML/CSS или React-код и использует его как контекст для разработки. Весь цикл «описал → сгенерировал дизайн → получил рабочий код» замыкается без единого переключения между окнами.

Но самая мощная штука — инструмент extract_design_context. Он извлекает из сгенерированного экрана «ДНК дизайна»: палитру, типографику, структуру компонентов. Claude получает не просто код одного экрана, а понимание всей дизайн-системы. Следующий экран, который вы попросите сгенерировать — будет выглядеть так, будто его делал один дизайнер.

Есть и более простые варианты: экспорт через Google AI Studio или банальный копипаст кода. Но MCP-интеграция — это именно тот путь, который превращает Stitch из генератора картинок в полноценное звено продакшн-пайплайна.

По теме

• Статья: Программисты 2026 года — ткачи 1811 года с макбуком
• Блог: LTX 2.3 — первый тест, первый шок
• База знаний: Google Antigravity — агентная IDE от Google для разработки с ИИ

Если вы строите продукты и хотите разобраться, как ИИ-инструменты вроде Stitch вписываются в ваш рабочий процесс — давайте обсудим.