# Google Меняет Будущее Дизайна За 4 Минуты... (Новый Stitch) ## Метаданные - **Канал:** ИИшенка | AI Automation - **YouTube:** https://www.youtube.com/watch?v=UmQcooMWGrg - **Дата:** 20.03.2026 - **Длительность:** 3:35 - **Просмотры:** 5,466 - **Источник:** https://ekstraktznaniy.ru/video/15067 ## Описание 🚀 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 – Интро: автоматизация дизайнеров и новость от G ## Транскрипт ### Интро: автоматизация дизайнеров и новость от Google [] Если вы всегда думали, что дизайнеры переоценены  и их можно автоматизировать первыми, то они вам   этого никогда не простят. Но, возможно, настало  ваше время. Всё это связано с тем, что буквально   вчера Google презентовал свой обновлённый  стич, где значительно улучшил возможности ### Обновление Stitch: новые возможности и фичи [0:10] редактирования, экспорт-кода, ну и кучу ещё  всего. В частности, теперь это бесконечный канвас, ### Бесконечный канвас, голосовое управление, умные агенты [0:18] вроде как Фигми, намного более умные агенты,  управление голосом, то есть вы можете наговаривать   все ваши идеи прямо в нейронку. Ну и, конечно,  крутой экспорт прямо в дизайн MD, который вы ### Экспорт в Design MD и работа с нейронками [0:27] всегда сможете отдать в любую нейронку по вашему  выбору, и она будет работать с этим экспортом. ### Темы и автоматическая стилизация дизайна [0:31] И ещё не добавили мощнейшую работу с темами.   Перед стартом работы нейронка подберёт тему,   опишет её и будет создавать дизайны на её основе.   Если вы безуспешно пытаетесь создавать дизайны для ### Как начать: референсы, ссылки или с нуля [0:41] ваших приложений и веб-сайтов уже десятилетиями,  то заценьте это. Вы переходите на Стиch и можете   добавить сюда либо какой-то файл, украденный из  Dribble или Behends, либо конкретную ссылку на   сайт и описывайте, в чём ваша идея. Либо можете  начать разгонять с нуля, просто беседуя с ней ### Общение с нейросетью и генерация идеи [0:55] неронкой. А ты вообще говоришь по-русски?   Да, конечно. О чём вы хотели бы поговорить? ### Пример: лендинг магазина (демо) [1:00] Я работаю над лендингом магазина яиц категории  C0. Лучше бы я не говорила по-русски. Ну ладно,   давай хотя бы с тобой попытаемся. Магазин яиц.   Интересно. Хотите создать его? Да, давай делать. ### Генерация дизайна и палитры [1:12] Мы видим, как сначала система создаёт палитру для  нашего сайта и теперь приступает к созданию самой   лендинг-страницы. Результат готов и выглядит  довольно крепенько, даже с первого раза без ### Первый результат и доработка [1:21] референсов. Можем продолжать вайбдизайнить.   Слушай, а ты можешь поменять на русский ### Перевод дизайна и вариации [1:24] язык этот дизайн? Лайк, подписка, коммент  внизу обязательно не забывайте. И вот она,   наша вторая версия, переведённая на русский язык  с ключевым упоминанием регенеративного фермерства. ### Preview: адаптация под устройства [1:33] Причём результаты, которые у нас получаются  - это не просто картинки. Мы можем перейти в   режим preview, посмотреть, как это будет выглядеть  на мобилке, на планшете, на десктопе. Более того, ### Редактирование через чат и вручную [1:44] вы можете редактировать весь дизайн через чат с  вашей моделью, либо перейти в режим редактирования   вот здесь и выбирать конкретные элементы, которые  должны быть изменены. Возможно, lavable стоит   постеречься. Дальше за маленькой кнопкой Generate  кроется большое будущее. Вы можете создавать ### Генерация вариантов дизайна [1:59] варианты ваших дизайнов, например, несколько  вариантов и описать, чего именно вы хотите, в чём   поэкспериментировать. Либо же здесь есть кнопка  Instant Prototype. Вы можете её нажать, у вас ### Instant Prototype и создание прототипа [2:08] начинается генерация прототипа. Через некоторое  время вы попадаете на страницу вашего прототипа,   где можете добавлять новые страницы, связывать  их с вашей первой. И таким образом при клике на   конкретной кнопки будет осуществляться переход  по вашему прототипу, ровно как Фигме. Следующая ### Экспорт: AI Studio, Figma, архив, MCP [2:22] большая вещь касается экспорта. Теперь мы можем  экспортировать непосредственно в AI Studio,   там продолжать работать над дизайном, либо в  Фигму, либо скачать архив, либо затянуть её к себе   в проект по MCP-серверу. Если мы скачаем в архив,  то мы как раз увидим тот самый дизайн MD файл, ### Что внутри Design MD [2:35] который был в анонсе, который описывает абсолютно  все принципы, которые можно передать наше неронке.    А как себе MCP сервер поставить? Выходим на  проекты, нажимаем doки, открываются доки, ищем ### Установка MCP сервера [2:46] MCP, сетапы и аутентификация, куча инструкций,  но главное сначала перейти на Go to your settings   page. Нажимаем, ищем большую кнопочку create  ключ. Нажимаем create ключ. Он у нас создаётся.    Создался. Копируем. Выходим обратно. Ищем сетап  для VS код. Копируем его. voice создаём прямо в ### Подключение в VS Code [3:03] корне каталога. MCP. jonjson. Вставляем сюда jon.   Вот сюда вставляем ваш IPA и ключ. Нажимаем с   MCP. Видим, что стич прокинулся и connected.   Кайф. Найди в стич мой магазин яиц и затяни ### Импорт проекта и работа с HTML [3:15] его сюда. Кстати, клодку отд мастер-класс тоже  внизу. Чекайте, проходите. Страница на русском,   страница на английском. Уже здесь чистоя HTML.   Открываем наши яйца, регенеративное фермерство и ### Итог: замена дизайнеров и выводы [3:26] завышенные цены на продукцию. Как вы видите, стиch  - это следующая попытка избавиться от дизайнеров   вашей компании. Хайп не хайп реально работает?   Пишите в комментариях, подписывайтесь на канал.