Перейти к содержимому

Вайбкодинг на 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 #продуктовыйдизайн #безкода