Google представила Stitch 3.0 — обновленный инструмент для AI-прототипирования, который занял первое место на Product Hunt. Для вайбкодеров это важное обновление, так как инструмент закрывает разрыв между текстовым описанием идеи и готовым кодом фронтенда.

Главные фишки Stitch 3.0

• Streaming Canvas: В отличие от классических генераторов, которые выдают результат только после завершения работы модели, Stitch рендерит компоненты в реальном времени. Вы видите, как строится лейаут, и можете остановить генерацию, если AI пошел не в ту сторону.
• Мульти-экранная генерация: По одному промпту система создает до 5 связанных экранов. Stitch автоматически прописывает логику переходов между ними, превращая статичную картинку в кликабельный прототип.
• Точечное редактирование: Теперь не нужно перегенерировать весь экран. Можно выделить конкретную секцию (например, навбар) и попросить AI изменить только её — сделать липкой или заменить иконки.

Интеграция в экосистему вайбкодинга

Самое интересное для нашего сообщества — это экспорт. Stitch 3.0 поддерживает передачу дизайна в один клик в Netlify, Lovable и Bolt.

Кроме того, Google вводит новый открытый формат DESIGN.md. Это текстовое описание дизайн-системы проекта, которое оптимизировано для чтения AI-агентами. Файл можно просто «скормить» в Cursor, Claude Code или GitHub Copilot, чтобы агент понимал стилистику и структуру интерфейса при написании кода.

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

Stitch 3.0 превращается из просто «рисовалки» в полноценный фид для AI-разработки. Теперь связка выглядит так: генерируем прототип в Stitch -> экспортируем логику в DESIGN.md -> отдаем файл в Cursor и просим собрать рабочее приложение. Это значительно сокращает время на рутинную верстку CSS и подбор отступов.