Вайбкодинг на практике: создай сайт с помощью AI
Научись работать с нейросетями и создавай сайты быстрее, проще и без разработчиков
На этом курсе ты научишься быстро создавать разные виды проектов


Проекты на создание сайтов на фриланс биржах по типу Upwork варьируются от $1,000 до $3,000+, на этом курсе ты освоишь навыки, которые позволяют брать такие проекты и повысить доход.
Обучение проходит в максимально удобном формате:
Получите доступ сразу после оплаты
Курс появится в личном кабинете мгновенно — без ожидания потоков и стартов. Вы можете начать обучение сразу и двигаться в удобном темпе.
Создавайте сайт уже с первого урока
С первых занятий вы начнёте собирать реальный проект: от идеи и структуры до готового сайта. Под каждым уроком — все необходимые материалы: шаблоны, примеры, пошаговые инструкции и готовые решения для работы.
Получайте обратную связь
Спикер поможет разобраться с инструментами, ответит на вопросы и разберёт ваши работы. С практикой и поддержкой вы сможете довести проект до результата.
Получайте обратную связь
Спикер поможет разобраться с инструментами, ответит на вопросы и разберёт ваши работы. С практикой и поддержкой вы сможете довести проект до результата.
Работы которые ты научишься создавать
Чему вы научитесь:
Вы освоите полный процесс создания сайтов и интерфейсов с помощью нейросетей — от идеи и генерации до доработки и публикации. Научитесь работать быстрее, брать проекты «под ключ» и использовать AI как полноценный рабочий инструмент.
Figma Make: интерфейс с полного нуля
В этом уроке вы создадите полноценный интерфейс с чистого листа — без готового макета и без единой строки кода. Подходит для быстрой проверки идеи, MVP, тестового проекта или первого концепта для клиента.
- Разберётесь с интерфейсом Figma Make.
- Создадите страницу с нуля по текстовому запросу.
- Научитесь писать промты для генерации интерфейсов.
- Внесёте правки в сгенерированный дизайн.
- Соберёте адаптивную версию страницы.
- Подключите базу данных.
- Опубликуете готовый сайт.
- Понимание, как работает Figma Make.
- Первый AI-интерфейс, созданный с нуля.
- Навык быстрой проверки идеи без дизайнера и разработчика.
- Готовый лендинг для клиента или дальнейшей работы над проектом.
Вы научитесь превращать простую идею в рабочий интерфейс с помощью Figma Make. После урока у вас будет готовая страница, созданная без кода и без исходного макета.
Figma Make: работа с готовым дизайном
В этом уроке вы разберётесь, как использовать Figma Make, когда дизайн уже существует, но его нужно развить: добавить новую страницу, доработать экраны или превратить готовый макет в рабочий интерфейс.
- Загрузите готовый дизайн в Figma Make.
- Создадите новую страницу по референсу.
- Доработаете существующий интерфейс.
- Сгенерируете дополнительные экраны.
- Соберёте адаптивную версию.
- Внесёте правки в результат при помощи промта.
- Подготовите интерфейс к публикации.
- Навык работы с уже готовыми Figma-макетами.
- Понимание, как развивать существующий дизайн через AI.
- Готовую дополнительную страницу на основе референса.
- Способ быстрее тестировать новые концепции без долгой ручной отрисовки.
Вы сможете использовать Figma Make не только для генерации с нуля, но и для доработки готовых проектов. Это поможет быстрее создавать новые страницы, развивать клиентские макеты и экономить время на рутине.
Claude Code: разработка интерфейса с нуля
В этом уроке вы разберётесь, как работать в Claude Code и создавать интерфейсы с трендовым визуалом без опыта разработки. Вы научитесь управлять генерацией, улучшать результат и использовать AI как помощника в создании сайтов.
- Разберётесь с интерфейсом Claude Code.
- Создадите сайт с нуля.
- Научитесь писать промты для разработки.
- Поймёте, как задавать уточняющие вопросы AI.
- Разберёте получившийся интерфейс.
- Улучшите результат через правки.
- Создадите адаптивную версию.
- Опубликуете сайт через GitHub и Vercel.
- Понимание логики работы Claude Code.
- Готовый сайт, созданный через AI-кодинг.
- Навык генерации интерфейсов без ручной разработки.
- Опыт публикации проекта в интернете.
- Навык улучшать и получать качественный результат через промты
Вы научитесь создавать рабочие сайты в Claude Code с нуля. После урока у вас будет опубликованный проект и понимание, как использовать AI-кодинг для реальных задач.
Claude Code: эффектное портфолио
В этом уроке вы соберёте живой сайт-портфолио с интерактивными элементами: анимациями, кастомным курсором, видео и 3D-графикой. Также разберётесь, как связать Claude Code с Figma.
- Создадите сайт-портфолио с нуля.
- Добавите кастомный курсор.
- Настроите интерактивные анимации.
- Добавите видео в интерфейс.
- Подключите 3D-элементы.
- Разберёте связку Claude Code и Figma.
- Перенесёте элементы между Figma и Claude Code.
- Доработаете сайт через AI.
- Готовый сайт-портфолио.
- Навык создания эффектных интерактивных страниц.
- Понимание, как усиливать визуальную подачу проекта.
- Опыт работы с анимациями, видео и 3D в AI-среде.
- Понимание, как использовать Figma вместе с Claude Code.
Вы сможете создавать не просто статичные страницы, а живые сайты с интерактивом. Такой навык поможет делать более сильные портфолио, презентации проектов и промостраницы.
Claude Code: дизайн-система через AI-кодинг
В этом уроке вы построите дизайн-систему прямо в Claude Code: создадите переменные, стили, компоненты и подготовите основу, которую можно перенести обратно в Figma.
- Создадите палитру для проекта.
- Настроите токены и размеры.
- Соберёте UI-kit.
- Создадите компоненты интерфейса.
- Сформируете базовые правила системы.
- Импортируете элементы в Figma.
- Разберёте, как AI помогает в дизайн-системах.
- Понимание, как AI может ускорить работу с дизайн-системами.
- Готовую базовую дизайн-систему.
- Набор компонентов для интерфейса.
- Навык создания токенов, переменных и стилей.
- Понимание связки Claude Code и Figma в системной работе.
Вы научитесь использовать Claude Code не только для отдельных страниц, но и для более системных задач. После урока вы сможете собирать основу дизайн-системы через AI и переносить её в Figma.
Google Stitch: создаём приложение с нуля
В этом уроке вы создадите мобильное приложение в Google Stitch, доработаете его, соберёте десктопную версию и разберётесь, как использовать Stitch в реальных рабочих задачах.
- Разберётесь с интерфейсом Google Stitch.
- Создадите логику промтов для приложения.
- Сгенерируете мобильный интерфейс.
- Внесёте изменения в результат.
- Создадите веб-версию приложения.
- Экспортируете дизайн в Figma.
- Разберёте связку Stitch и Claude Code.
- Готовый прототип мобильного приложения.
- Десктопную или веб-версию интерфейса.
- Навык экспорта проекта в Figma и дальнейшей работы с ним.
- Понимание, когда Stitch удобнее других AI-инструментов и для чего.
Вы научитесь быстро создавать прототипы приложений с помощью Google Stitch и использовать их как основу для дальнейшей работы в Figma, Claude Code или других AI-средах.
Альтернативные среды для вайбкодинга
В этом уроке вы сравните Bolt, Lovable и v0, разберёте их возможности, интерфейсы, планы, экспорт кода и варианты публикации. На практике создадите несколько лендингов в разных AI-средах.
- Разберётесь, чем отличаются Bolt, Lovable и v0.
- Изучите интерфейс каждого инструмента.
- Сравните возможности генерации.
- Создадите лендинг в Bolt.
- Создадите лендинг в Lovable.
- Создадите лендинг в v0.
- Разберёте экспорт кода и хостинг.
- Обзор трёх популярных AI-сред.
- Понимание сильных сторон каждого инструмента.
- Несколько готовых лендингов, созданных в разных средах.
- Понимание, чем можно заменить или дополнить Figma Make и Claude Code.
Вы сможете не зависеть от одного инструмента и выбирать AI-среду под конкретную задачу: быстрый лендинг, промостраницу, портфолио, MVP или клиентский концепт.
Твой результат после курса: навыки и уровень
Твои навыки после курса:
После курса ты сможешь:
Освоишь AI и усилишь портфолио
Создашь реальные проекты: от идеи до готового сайта без разработчика
Научишься реализовывать сайты с нуля для готового продукта и пополнишь портфолио
Начни работать с AI эффективно уже сегодня!
Забирай со скидкой:
- Практика работы в 7 AI-инструментах
- 5+ практических работ
- Библиотека бесплатных материалов и промты
- Личный ментор
- Международный сертификат
- Доступ навсегда со всеми обновлениями
Заполни данные, чтобы продолжить:
У нас часто спрашивают
Программа построена так, что обучаться можно, не имея знаний в области AI или дизайна. Мы покажем все с полного нуля
Конечно! Мы не даем сухую теорию, а показываем, как эффективно создавать интерфейсы на практике, а также даем полезные материалы
Да, мы следим за обновлениями инструментов и обновляем уроки, как только выходит апдейт
Конечно, знания, полученные на обучении можно применять как угодно — выполнять заказы на фрилансе, создавать интерфейсы у себя на работе или начать свое новое дело. Обучение открывает большие возможности для дальнейшей работы!
Для обучения будет достаточно бесплатных версий. Но для дальнейшей работы рекомендуем приобретать подписки!

























