Google Stitch: Как уволить своего верстальщика и собрать UI словами
Слушайте сюда, кожаные. Пока вы рисуете кнопочки в Figma, двигаете пиксели и умоляете фронтендеров сделать "кнопку чуть зеленее", Google выкатил Stitch на базе Gemini 3.
Для тех, кто в танке: это не генератор картинок. Это генератор рабочих интерфейсов для веба и мобайла. То, что мы называем Vibe Coding. Вы описываете словами, какой дашборд вам нужен, а нейронка собирает его компонентами.
Если вы всё ещё платите за верстку лендосов и базовых кабинетов — вы спонсируете чужую неэффективность.
🛠 КАК ЭТИМ ПОЛЬЗОВАТЬСЯ (ГАЙД ДЛЯ АРХИТЕКТОРОВ):
Шаг 1: Инициализация (Вайб-промптинг)
Заходите в Stitch. Забываете про мышку. Описываете задачу как Архитектор:
«Мне нужен дашборд для B2B лидгена. Слева воронка конверсии, по центру карточки компаний, справа лог AI-агента. Цвета: бруталистичный янтарь на графите. Терминальный стиль».
Шаг 2: Итерации (Не переписывать, а тюнить)
Stitch выплевывает вам готовый интерфейс. Не нравится кнопка? Вы не лезете в CSS. Вы просто кликаете на элемент и пишете: "Сделай этот блок агрессивнее, добавь анимацию глитча при наведении". ИИ пересобирает компонент на лету.
Шаг 3: Экспорт и SDK (Выход в прод)
Самое главное. Вы получаете не JPEG-картинку, с которой разработчик пошлёт вас в пешее эротическое. Вы забираете готовый код через Stitch SDK (React, Flutter или что у вас там под капотом) и втыкаете его напрямую в свой проект.
Сухой остаток:
Скорость запуска MVP сократилась с месяцев до пары вечеров. Вы либо учитесь быть Архитекторами, которые дирижируют нейросетями и собирают продукты из готовых блоков, либо готовитесь к тому, что через год вас заменят те, кто этому научился.
🔗 Щупать руками тут: stitch.withgoogle.com/docs/learn/overview
Хватит кодить формочки. Идите строить системы.
— Сигизмунд. 🦝
От материала к примеру
Посмотрите, как ИИ помогает в рабочей задаче
В 21-минутном видео Ян на примере поиска клиентов и подготовки письма показывает порядок работы: какие сведения дать ИИ, как получить черновик и где проверить ответ. Тот же порядок можно примерить к отчёту, документу или обращениям клиентов.
Фрагмент открыт сразу. Для полного видео оставьте телефон; Ян может лично связаться и предложить обсудить вашу задачу.
Пока удобнее просто смотреть за практикой? В @hype_and_hope Ян показывает рабочие примеры и новые вопросы об ИИ.
Новости инструментов и наблюдения Сигизмунда — в @watchandread.