большая практика: вайбкод для дизайнеров

в чем соль

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

вайбкод — это способ создания
интерфейсов с помощью ai, где главная роль остается за дизайнером. он ускоряет работу, но не заменяет дизайнерское мышление

решение
1
2
3
4

теория, которую мы познаем через практику. никаких нудных лекций

реализуешь свои идеи, а не делаешь по шаблону обучающей программы «как у всех»

начинаем с простых задач с большой поддержкой, постепенно переходим к самостоятельным сложным проектам

поддержка наставников, глубокая работа с каждым: среда, в которой вы учитесь друг у друга

наилучший способ прокачивать навыки – это много практиковаться. а практиковаться эффективнее всего вместе, а не в одиночестве
качаться одному не вариант
лева ловушкаdigital design lead в pragmatica
влад алдохинcreative technologist в 5heads
рома сазоновцифровой дизайнер, предприниматель
иван диановгенеративный художник

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

каким ты выйдешь с практики:

Перестанешь использовать AI хаотично

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

каким ты выйдешь с практики:

перестанешь принимать случайные визуальные решения

поймёшь, как работает вайбкод, и научишься самостоятельно воспроизводить новые приёмы через промпты, даже если раньше с ними не сталкивался. В результате у тебя останется сильная работа для портфолио — проект, о котором будут спрашивать: «Как ты это сделал?»

каким ты выйдешь с практики:

научишься искать новые приемы через промпты

программа состоит из 3 этапов
1 этап

изучаем базу. мы задаем направление, а вы развиваете его по своему пути, пробуя простые фичи

подробнее
3 встречи по 3 часа
работаем вместе и в мини классах
2 этап

с нуля начинаем реализацию решения. брейнштормим идеи, забираем к себе в реализацию
и начинаем путь к созданию MVP

подробнее
8 встреч по 3 часа
работаем вместе и в мини классах
3 этап

Учимся смотреть на вайбкодинг как на продакшн-фит: закрываем «висяки» и доводим проект до MVP

подробнее
4 встречи по 3 часа
работаем вместе и в мини классах
что затронем
на практике
контекст модели
1
git
2
Чекпойнты агента
3
Базовый воркфлоу
4
Ветки
5
GitHub
6
Структура сайта
7
HTML, JS, CSS
8
Терминал
9
LLM
10
Gitignore
11
Упрощалки
12
API
13
Контекст модели

что затронем
на практике

  • 1. git
  • 2. чекпойнты агента
  • 3. базовый воркфлоу
  • 4. ветки
  • 5. github
  • 6. структура сайта
  • 7. html, js, css
  • 8. терминал
  • 9. llm
  • 10. gitignore
  • 11. упрощалки
  • 12. api
  • 13. контекст модели
продолжительность

15 занятий по 3 часа, gmt+3. старт 3 сентября, финиш 28 октября 2026

какие подписки нужны

на выбор claude, cursor или codex. на первый месяц советуем попробовать взять две-три подписки, чтобы понять, с какой будет удобнее. дальше можно оставить одну, но стандартной подписки около 20$ вполне достаточно

как оплатить подписку из рф

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

договор оферта

оплачивая практику, ты подписываешь договор оферты и политику обработки персональных данных

записи встреч

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

грейды

подойдёт цифровым дизайнерам джун+ и сильнее. для тех, кто никогда не пробовал вайбкод, или для тех, у кого не выходит разобраться с инструментом и систематизировать работу самому

а еще — взгляни на наш открытый воркшоп по вайбкодингу
меню
вайбкоды
Cпасибо! Мы получили вашу заявку
Отлично
задать вопрос Элис
Turn on your camera
for ai background

записывать не станем. твое пространство — часть визуального взаимодействия с сайтом

go
этап 1
этап 2
этап 3

работаем с базой: даём проекты для реализации, устанавливаем пакеты и всё запускаем

создаем ui-элементы: карточка товара, секция в приложении и другие

вносим изменения через промпт: меняем стили, переставляем элементы, добавляем эффекты

показываем, откуда «воровать» стили, эффекты и логику (например, добавление товара в корзину)

результат

сделаем мини-приложение или сайт, которые мы научимся выпускать в паблик

формулируем задачу, которую нужно решить дизайнерски и вайбкодерски

учимся накидывать каркас сразу в коде

выбираем проект. проект можно будет выбрать из предложенных нами, или взять в реализацию свою идею — мы поможем при любом выборе

с нуля реализуем проект и решаем поставленную проблему

результат

рабочий прототип на финишной
прямой к mvp

возвращаемся к одной из предыдущих задач и смотрим на неё шире

проводим ревью продукта по ux/ui

тестируем и собираем замечания

доводим до финала

результат

профессиональный mvp, а не проект,
сделанный «в гараже»