Вайбкодинг на Claude: прототип с логикой за 10 минут без кода
Говорит Дизайнер | Сергей Булатов
0:00 / 0:00
Вайбкодинг на Claude: прототип с логикой за 10 минут без кода
339 просмотров · 5 месяцев назад
Говорит Дизайнер | Сергей Булатов
831 подписчик
339 просмотров · 5 месяцев назад
Вайбкодинг на Claude: делаю кликабельный прототип интерфейса с рабочей логикой за 10 минут — без кода и без костылей в Figma. На примере фильтров в мобильном приложении показываю то, что в Figma Prototype реализовать просто невозможно. Плюс через вайбкодинг правки в прототип вносятся легко, в отличие от Фигмы.
Что внутри:
— как обойти ограничения Figma в логике
— как правильно сформулировать запрос к Claude
— как получить первый рабочий прототип за минуты
— как доработать и исправить логику через AI
— как передать прототип разработке и заказчику без потерь
Это полезно, если ты:
— дизайнер и устал объяснять логику «на словах»
— делаешь сложные интерфейсы (фильтры, зависимости, состояния)
— хочешь ускорить согласование и разработку
— интересуешься нейросетями в дизайне и хочешь применять AI не только для картинок, но и для реальной работы с интерфейсом
Тайминг:
00:16 — в чём проблема прототипов в Figma
00:57 — подготовка макета
01:25 — пишем запрос к Claude
03:19 — первый рабочий прототип
03:45 — проверка логики
04:50 — доработка через AI
05:33 — вторая версия
07:12 — экспорт
07:28 — фиксим баги после экспорта
09:12 — финальный прототип
09:58 — вывод
Хватит паниковать из-за того, что нейросети отберут у нас работу. Искусственный интеллект не заменит UX-дизайнера, но дизайнеры, использующие нейросети, гарантированно заменят тех, кто их игнорирует. Чтобы не остаться за бортом индустрии — подписывайтесь на канал «Говорит Дизайнер». Здесь мы учимся управлять AI, а не бояться его.
Пишите в комментариях, какой интерфейс с логикой вы бы хотели прототипировать через AI — разберу в одном из следующих видео.
━━━━━━━━━━━━━━━━━━━━━━━
🧑💻 Я — СЕРГЕЙ БУЛАТОВ. UX/UI и продуктовый дизайнер.
Помогаю дизайнерам начать работать с AI без страха и без хайпа. Обучаю дизайнеров и команды.
Сайт: https://sergeybulatov.ru
Telegram: https://t.me/pravkisdelal
Instagram: / govoritdesigner
По вопросам сотрудничества и обучения — пишите в Телеграм или Инстаграм
━━━━━━━━━━━━━━━━━━━━━━━
🎓 ОБУЧЕНИЕ ДЛЯ КОМАНД
Провожу воркшопы и лекции для дизайн-команд:
— Как внедрить AI в рабочий процесс дизайнера
— Figma + нейросети: практические кейсы
— Vibecoding для продуктовых команд
Запрос → https://t.me/pravkisdelal
━━━━━━━━━━━━━━━━━━━━━━━
📂 ПЛЕЙЛИСТЫ
• AI-инструменты для дизайнеров
• Вайбкодинг для дизайнеров: прототипы и при...
• Как дизайнеру научиться презентовать
• Публичные выступления о дизайне
• Figma с нуля
• Интервью с дизайнерами
━━━━━━━━━━━━━━━━━━━━━━━
🎵 МУЗЫКА ИЗ ВИДЕО
Все треки из моих роликов: https://t.me/echopodzemelia
━━━━━━━━━━━━━━━━━━━━━━━
⚠️ ДИСКЛЕЙМЕР
Мнение о продуктах основано на личном опыте.
#вайбкодинг #claude #vibecoding #нейросетивдизайне #figma #продуктовыйдизайн #безкода