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

3:35

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

ИИшенка | AI Automation 20.03.2026 5 466 просмотров 265 лайков

Machine-readable: Markdown · JSON API · Site index

Смотреть на YouTube

Поделиться Telegram VK Бот

Транскрипт Скачать .md

Анализ с AI

Описание видео

🚀 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-агентах и автоматизациях!

Оглавление (21 сегментов)

Интро: автоматизация дизайнеров и новость от Google

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

Обновление Stitch: новые возможности и фичи

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

Бесконечный канвас, голосовое управление, умные агенты

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

Экспорт в Design MD и работа с нейронками

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

Темы и автоматическая стилизация дизайна

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

Как начать: референсы, ссылки или с нуля

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

Общение с нейросетью и генерация идеи

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

Пример: лендинг магазина (демо)

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

Генерация дизайна и палитры

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

Первый результат и доработка

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

Перевод дизайна и вариации

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

Preview: адаптация под устройства

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

Редактирование через чат и вручную

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

Генерация вариантов дизайна

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

Instant Prototype и создание прототипа

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

Экспорт: AI Studio, Figma, архив, MCP

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

Что внутри Design MD

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

Установка MCP сервера

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

Подключение в VS Code

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

Импорт проекта и работа с HTML

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

Итог: замена дизайнеров и выводы

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

Другие видео автора — ИИшенка | AI Automation

Ctrl+V

Экстракт Знаний в Telegram

Экстракты и дистилляты из лучших YouTube-каналов — сразу после публикации.

Подписаться

Лучшие методички за неделю — каждый понедельник