Google Stitch

Что это

Google Stitch — экспериментальный инструмент Google Labs для проектирования интерфейсов с помощью ИИ. По текстовому описанию (или голосом) генерирует сразу несколько экранов интерфейса на базе моделей Gemini 2.5 Flash и Pro, превращает статичные макеты в кликабельные прототипы одним нажатием, экспортирует результат в React-код или в формат Figma для дальнейшей доработки дизайнерами. Есть бесконечный холст для работы с текстом, изображениями и компонентами, импорт готовых дизайн-систем и MCP-интеграция с инструментами вроде Claude Code и Cursor.

Для участника клуба это быстрый способ получить рабочий макет и код интерфейса без найма дизайнера — актуально для вайб-кодинга пет-проектов, лендингов и MVP. Связка "описал экран → получил React-код → доработал в Figma" хорошо ложится в конвейеры автоматизации и быстрой сборки продуктов, а голосовой ввод и MCP-интеграция позволяют встроить генерацию интерфейсов прямо в существующий рабочий процесс с кодовыми ассистентами.

Возможности

• Генерация до 5 экранов интерфейса за один запрос по текстовому описанию
• Голосовой ввод (Voice Canvas) для управления генерацией дизайна
• Превращение статичных макетов в интерактивные прототипы одним кликом
• Экспорт готовых экранов в React-код
• Экспорт дизайна в формат Figma для полировки профессионалами
• Импорт собственных дизайн-систем и фиксация темы/эстетики проекта
• Бесконечный холст для работы с текстом, изображениями и компонентами
• MCP-интеграция с Claude Code и Cursor

Цена: Полностью бесплатен как экспериментальный продукт Google Labs, без привязки карты. Лимиты: около 350 генераций в месяц на Gemini 2.5 Flash и 200 генераций на Gemini 2.5 Pro. Ожидается переход на платную модель в течение 2026 года, но точных условий пока нет

Разбираем в материалах Академии