# Google Меняет Будущее Дизайна За 4 Минуты... (Новый Stitch)

## Метаданные

- **Канал:** ИИшенка | AI Automation
- **YouTube:** https://www.youtube.com/watch?v=UmQcooMWGrg
- **Дата:** 20.03.2026
- **Длительность:** 3:35
- **Просмотры:** 5,466

## Описание

🚀 Pro-сообщество тут:
https://t.me/iishenka_pro_bot

⚒️ Узнать больше про сообщество: https://iishenka.pro/group
🧡 Узнать больше про Claude Code Мастер-Класс: https://iishenka.pro/claude-code-masterclass
🤩 Узнать больше про N8N Мастер-Класс: https://iishenka.pro/n8n-masterclass

⭐️ Бесплатные материалы из моих видео тут:
https://t.me/+W1SnvvkcV6A3NWMy

В этом видео мы разберёмся, каким образом современные технологии от Google, в частности Stitch, меняют процесс создания дизайна и разработки интерфейсов. 

Что особенного в этом видео? 

Мы не только посмотрим, какие новые возможности появились — от генерации дизайна до прототипирования и экспорта кода, — но и вместе по шагам создадим полноценный лендинг с нуля и протестируем его в реальном времени!

🔥 Независимо от того, работаете ли вы с AI-агентами или только начинаете осваивать автоматизации в n8n, этот урок поможет вам овладеть процессом настройки ИИ для любых задач.

⏱ Таймкоды
00:00 – Интро: автоматизация дизайнеров и новость от Google
00:10 – Обновление Stitch: новые возможности и фичи
00:18 – Бесконечный канвас, голосовое управление, умные агенты
00:27 – Экспорт в Design MD и работа с нейронками
00:31 – Темы и автоматическая стилизация дизайна
00:41 – Как начать: референсы, ссылки или с нуля
00:55 – Общение с нейросетью и генерация идеи
01:00 – Пример: лендинг магазина (демо)
01:12 – Генерация дизайна и палитры
01:21 – Первый результат и доработка
01:24 – Перевод дизайна и вариации
01:33 – Preview: адаптация под устройства
01:44 – Редактирование через чат и вручную
01:59 – Генерация вариантов дизайна
02:08 – Instant Prototype и создание прототипа
02:22 – Экспорт: AI Studio, Figma, архив, MCP
02:35 – Что внутри Design MD
02:46 – Установка MCP сервера
03:03 – Подключение в VS Code
03:15 – Импорт проекта и работа с HTML
03:26 – Итог: замена дизайнеров и выводы

💡 Не забудьте поставить лайк и подписаться, чтобы не пропустить новые уроки по n8n и AI-агентам. Давайте сделаем AI-автоматизации простыми! 🙌

Я — Илья Бовкунов, основатель и СЕО Sendforsign — это компания, занимающаяся AI-автоматизацией договоров и документооборота. В прошлом был Директором по продукту и продуктовому дизайну в международных AI-стартапах.

Позвать в подкаст или предложить другое сотрудничество aiiszdes@gmail.com

Не забудьте поставить лайк, подписаться и нажать на колокольчик, чтобы не пропустить новые видео об AI-агентах и автоматизациях!

## Содержание

### [0:00](https://www.youtube.com/watch?v=UmQcooMWGrg) Интро: автоматизация дизайнеров и новость от Google

Если вы всегда думали, что дизайнеры переоценены  и их можно автоматизировать первыми, то они вам   этого никогда не простят. Но, возможно, настало  ваше время. Всё это связано с тем, что буквально   вчера Google презентовал свой обновлённый  стич, где значительно улучшил возможности

### [0:10](https://www.youtube.com/watch?v=UmQcooMWGrg&t=10s) Обновление Stitch: новые возможности и фичи

редактирования, экспорт-кода, ну и кучу ещё  всего. В частности, теперь это бесконечный канвас,

### [0:18](https://www.youtube.com/watch?v=UmQcooMWGrg&t=18s) Бесконечный канвас, голосовое управление, умные агенты

вроде как Фигми, намного более умные агенты,  управление голосом, то есть вы можете наговаривать   все ваши идеи прямо в нейронку. Ну и, конечно,  крутой экспорт прямо в дизайн MD, который вы

### [0:27](https://www.youtube.com/watch?v=UmQcooMWGrg&t=27s) Экспорт в Design MD и работа с нейронками

всегда сможете отдать в любую нейронку по вашему  выбору, и она будет работать с этим экспортом.

### [0:31](https://www.youtube.com/watch?v=UmQcooMWGrg&t=31s) Темы и автоматическая стилизация дизайна

И ещё не добавили мощнейшую работу с темами.   Перед стартом работы нейронка подберёт тему,   опишет её и будет создавать дизайны на её основе.   Если вы безуспешно пытаетесь создавать дизайны для

### [0:41](https://www.youtube.com/watch?v=UmQcooMWGrg&t=41s) Как начать: референсы, ссылки или с нуля

ваших приложений и веб-сайтов уже десятилетиями,  то заценьте это. Вы переходите на Стиch и можете   добавить сюда либо какой-то файл, украденный из  Dribble или Behends, либо конкретную ссылку на   сайт и описывайте, в чём ваша идея. Либо можете  начать разгонять с нуля, просто беседуя с ней

### [0:55](https://www.youtube.com/watch?v=UmQcooMWGrg&t=55s) Общение с нейросетью и генерация идеи

неронкой. А ты вообще говоришь по-русски?   Да, конечно. О чём вы хотели бы поговорить?

### [1:00](https://www.youtube.com/watch?v=UmQcooMWGrg&t=60s) Пример: лендинг магазина (демо)

Я работаю над лендингом магазина яиц категории  C0. Лучше бы я не говорила по-русски. Ну ладно,   давай хотя бы с тобой попытаемся. Магазин яиц.   Интересно. Хотите создать его? Да, давай делать.

### [1:12](https://www.youtube.com/watch?v=UmQcooMWGrg&t=72s) Генерация дизайна и палитры

Мы видим, как сначала система создаёт палитру для  нашего сайта и теперь приступает к созданию самой   лендинг-страницы. Результат готов и выглядит  довольно крепенько, даже с первого раза без

### [1:21](https://www.youtube.com/watch?v=UmQcooMWGrg&t=81s) Первый результат и доработка

референсов. Можем продолжать вайбдизайнить.   Слушай, а ты можешь поменять на русский

### [1:24](https://www.youtube.com/watch?v=UmQcooMWGrg&t=84s) Перевод дизайна и вариации

язык этот дизайн? Лайк, подписка, коммент  внизу обязательно не забывайте. И вот она,   наша вторая версия, переведённая на русский язык  с ключевым упоминанием регенеративного фермерства.

### [1:33](https://www.youtube.com/watch?v=UmQcooMWGrg&t=93s) Preview: адаптация под устройства

Причём результаты, которые у нас получаются  - это не просто картинки. Мы можем перейти в   режим preview, посмотреть, как это будет выглядеть  на мобилке, на планшете, на десктопе. Более того,

### [1:44](https://www.youtube.com/watch?v=UmQcooMWGrg&t=104s) Редактирование через чат и вручную

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

### [1:59](https://www.youtube.com/watch?v=UmQcooMWGrg&t=119s) Генерация вариантов дизайна

варианты ваших дизайнов, например, несколько  вариантов и описать, чего именно вы хотите, в чём   поэкспериментировать. Либо же здесь есть кнопка  Instant Prototype. Вы можете её нажать, у вас

### [2:08](https://www.youtube.com/watch?v=UmQcooMWGrg&t=128s) Instant Prototype и создание прототипа

начинается генерация прототипа. Через некоторое  время вы попадаете на страницу вашего прототипа,   где можете добавлять новые страницы, связывать  их с вашей первой. И таким образом при клике на   конкретной кнопки будет осуществляться переход  по вашему прототипу, ровно как Фигме. Следующая

### [2:22](https://www.youtube.com/watch?v=UmQcooMWGrg&t=142s) Экспорт: AI Studio, Figma, архив, MCP

большая вещь касается экспорта. Теперь мы можем  экспортировать непосредственно в AI Studio,   там продолжать работать над дизайном, либо в  Фигму, либо скачать архив, либо затянуть её к себе   в проект по MCP-серверу. Если мы скачаем в архив,  то мы как раз увидим тот самый дизайн MD файл,

### [2:35](https://www.youtube.com/watch?v=UmQcooMWGrg&t=155s) Что внутри Design MD

который был в анонсе, который описывает абсолютно  все принципы, которые можно передать наше неронке.    А как себе MCP сервер поставить? Выходим на  проекты, нажимаем doки, открываются доки, ищем

### [2:46](https://www.youtube.com/watch?v=UmQcooMWGrg&t=166s) Установка MCP сервера

MCP, сетапы и аутентификация, куча инструкций,  но главное сначала перейти на Go to your settings   page. Нажимаем, ищем большую кнопочку create  ключ. Нажимаем create ключ. Он у нас создаётся.    Создался. Копируем. Выходим обратно. Ищем сетап  для VS код. Копируем его. voice создаём прямо в

### [3:03](https://www.youtube.com/watch?v=UmQcooMWGrg&t=183s) Подключение в VS Code

корне каталога. MCP. jonjson. Вставляем сюда jon.   Вот сюда вставляем ваш IPA и ключ. Нажимаем с   MCP. Видим, что стич прокинулся и connected.   Кайф. Найди в стич мой магазин яиц и затяни

### [3:15](https://www.youtube.com/watch?v=UmQcooMWGrg&t=195s) Импорт проекта и работа с HTML

его сюда. Кстати, клодку отд мастер-класс тоже  внизу. Чекайте, проходите. Страница на русском,   страница на английском. Уже здесь чистоя HTML.   Открываем наши яйца, регенеративное фермерство и

### [3:26](https://www.youtube.com/watch?v=UmQcooMWGrg&t=206s) Итог: замена дизайнеров и выводы

завышенные цены на продукцию. Как вы видите, стиch  - это следующая попытка избавиться от дизайнеров   вашей компании. Хайп не хайп реально работает?   Пишите в комментариях, подписывайтесь на канал.

---
*Источник: https://ekstraktznaniy.ru/video/15067*