Креативный кодинг для дизайнеров с помощью ИИ

ПРОГРАММА

1. Лёгкий старт

29 апреля 19:00–21:00

• Знакомство
• Песочница проектов CodeSandbox + HTML
• Практика: алгоритмические анимации с помощью ИИ-помощников
• Приземление созданных визуализаций в конструкторе сайтов Tilda

2. Погружение

6 мая 19:00–21:00

• Проекты React
• Работа со своими исходниками
• Как загрузить шрифт и соблюсти лицензию и что такое SVG на самом деле
• Анимация, скачивание видео mp4
• Какой AI выбрать: кто умнее, какая цена, зачем следить за токенами

3. Фундамент креативного веба

13 мая 19:00–21:00

• Цепочка процессов разработки в образах: мистер Шейдер и его друзья
• Обзор нашей основной студии для работы — VS Code Insiders
• Практика: проект с трекингом рук

4. Контроль и Дебаггинг

20 мая 19:00–21:00

• Версионность
• Интеграция с GitHub
• Переиспользование кода
• Обзор библиотек интерфейса
• Диагностика: вывод служебной сетки, тайминга и дебаг-логики
• Панель разработчика: инспекция элементов и выявление ошибок

5. Сборка и публикация проекта

27 мая 19:00–21:00

• Практика: проект с 3d-объектом (логотипом, леттерингом)
• Что может пойти не так с вариативным шрифтом? Проблема → решение
• Работа с доменами и облачными хранилищами
• Публикация на вашем личном сайте и/или сайте школы

6. Диплом: Ваш личный проект

3 июня 19:00–21:00

• Лучшие практики для оформления онлайн-проектов
• Лайфхаки: как обойти технические ограничение цифрового пространства и сделать проект красивее. Мои личные json-инструкции
• Финальные штрихи в ваших проектах, которые мы вели все 6 занятий
• Компактный внутренний просмотр результатов

КАК ПРОХОДИТ ОБУЧЕНИЕ

Онлайн

Встречи в Zoom + закрытый чат

Группа

Небольшая группа для индивидуального подхода

Материалы

Доступ к записям, закрытая страница курса с памятками и промптами

ЧТО ТАКОЕ ВАЙБКОДИНГ

Вайбкодинг — это написание кода с помощью ИИ. Результат часто принимают за магию. На деле — это просто инструмент: со своими настройками, возможностями и ограничениями, как и любой другой

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

Стоимость участия

ПО ЗАПРОСУ

✓ 6 живых занятий в Zoom
✓ Постоянный фидбэк
✓ Доступ ко всем записям
✓ Закрытый чат в Telegram

* Осталось 8 мест...

ИДУ НА КУРС

Частые вопросы

Нужно ли уметь программировать?

Нет! Мы будем использовать AI-ассистентов (Codex, Claude Opus, Gemini), которые пишут код за нас. Вам достаточно мыслить как творцу

Что нужно для занятий?

Любой современный компьютер, стабильный интернет, готовность завести аккаунт в нейросети и хороший VPN

Для кого этот вайб?

Дизайнерам презентаций и маркетинговым дизайнерам

Вы научитесь делать анимации для обложек и SMM, собирать вовлекающие онлайн-игры и лендинги. А ещё автоматизировать рутину: конвертировать брифы в презентации (включая PPTX!) и генерировать баннеры под любые соотношения сторон

Дизайнерам интерфейсов

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

Шрифтовым дизайнерам

Вы научитесь собирать генеративные инструменты для экспериментов с буквами. А ещё делать сайты-витрины, где пользователи могут протестировать ваши шрифты в живом тексте — это и портфолио, и инструмент продаж одновременно

РАБОТЫ УЧЕНИКОВ

Посмотрите, что создают наши ученики уже во время курса — живые проекты, собранные с помощью ИИ

Смотреть

Курс ведёт Надежда Шпиякина

Проектирую интерфейсы в крупном финтехе. До этого — спецпроекты в РИА Новости с аудиторией в сотни тысяч просмотров. За вклад в интерактивные форматы отмечена HOW Design Awards. Разрабатывала визуальное ядро городского оформления Москвы ко Дню города — если бывали на улицах столицы в праздники, мы знакомы. Теперь упаковываю этот опыт в курс: на выходе у каждого участника — живой, работающий проект

ДОПОЛНИТЕЛЬНЫЕ ВОЗМОЖНОСТИ

Хотите на курс, но не подходит день или время? Напишите — мы учтём ваши пожелания при формировании новых групп

Сообщить о пожеланиях

Есть идея для сотрудничества? Расскажите — обсудим

Написать организатору

ЕЩЁ СОМНЕВАЕТЕСЬ?

Присоединяйтесь к нашему Telegram-комьюнити

Мы проводим бесплатные разборы проектов и обсуждаем первые шаги в вайбкодинге среди единомышленников

Вступить в TypeVibeCrew

КРЕАТИВНЫЙ КОДИНГ ДЛЯ ДИЗАЙНЕРОВ С ПОМОЩЬЮ ИИ