Живий production-сайт
Не прототип і не демо. Сайт на CMS та інтеграціях, опублікований на реальному домені.
01
ІНТРО
Ти вже вмієш дизайнити сайти у Figma. Тепер навчись запускати їх сам.
За 5 днів пройди весь шлях від дизайну у Figma до живого production-сайту за допомогою AI coding agents.
Практичний спринт для вебдизайнерів, які хочуть не просто експериментувати з AI, а навчитися самостійно доводити свої дизайни до живого сайту. Без попереднього досвіду кодингу.
- 5 днів
- 1–3 години на день
- Live + записи
- Довічний доступ
00:00/00:00
Дивитися відео
02
НЕ ЩЕ ОДИН КУРС ПРО AI
Досить спостерігати, як інші будують сайти з AI.
AI coding уже достатньо хороший, щоб змінити те, як вебдизайнери створюють сайти. Але не настільки магічний, як здається з демо у X, LinkedIn чи YouTube.
«Зібрав SaaS за вихідні.»
«Webflow більше не потрібен.»
«Дизайнери тепер можуть усе.»
Можливо.
Але є лише один нормальний спосіб зрозуміти, що з цього правда саме для тебе: взяти справжній дизайн і самому довести його до production. Саме це ми зробимо за ці 5 днів.
Не будемо вивчати AI у теорії. Не будемо дивитися, як хтось інший пише промпти. Ти сам пройдеш увесь workflow від Figma до живого сайту.
03
результат за 5 днів
Figma більше не буде кінцем твоєї роботи.
Ти вже знаєш, як створювати структуру, працювати з типографікою, компонентами, responsive layouts та interactions. Тепер ми додамо до цього останню частину: як перетворити свій дизайн на справжній продукт.
До кінця спринту ти матимеш:
Повний Figma → Production workflow
Ти один раз пройдеш увесь процес: від дизайну до deployment, щоб потім повторювати його в інших проєктах.
Практичний досвід з інструментами розробника
Coding agents, GitHub, Next.js, CMS, Vercel, terminal і deployment перестануть бути дивною територією «десь там у розробників».
Розуміння можливостей AI coding
Через 5 днів ти зрозумієш, де AI уже може прискорити твою роботу, а де потрібне власне рішення.
04
автор спринту
Хто автор
спринт?
Я пройшов той самий шлях, який зараз проходять багато вебдизайнерів.
Я Павло Тимошенко. Вебдизайнер із 8+ роками досвіду та понад 100 реалізованими проєктами для стартапів, компаній і бізнесів. Роками моя робота виглядала знайомо: дизайн → Figma → передача розробнику. Потім я почав сам реалізовувати свої дизайни. Спочатку через visual development. Потім через код. А з появою AI coding agents цей процес змінився ще сильніше. Сьогодні я можу пройти весь шлях сам: від ідеї та дизайну до коду, CMS і production. Я не став класичним frontend-девелопером і не вчив роками JavaScript, щоб отримати таку можливість. Я навчився працювати з AI як із частиною development process. Саме цей workflow я зібрав у Sprint.
05
процес навчання
Як працює спринт?
Щоранку: короткий записаний урок приблизно на 35–40 хвилин із конкретною місією на день. Office Hours з Павлом. 60–90 хвилин у вільному форматі: ставиш питання, розбираємо проблеми й рухаємо твій проєкт далі. Час: 18:00 CEST / 12:00 EDT / 9:00 PDT Підтримка: чат відкритий протягом усього тижня. Твої витрати часу: ~2–3 години на день покривають урок, розробку та живу сесію. Також у тебе буде один день як вільний день без уроку та Office Hours увечері, щоб наздогнати, якщо не встиг в попередні дні.
01
Записаний урок
~40 хв
02
Підтримка
чат відкритий протягом усього тижня
03
Q&A наживо
60 - 90 хв
06
перед початком
Що тобі потрібно перед стартом.
Тобі знадобиться платна підписка на Codex (~$21/міс). Також буде корисно мати платний акаунт Figma, хоча ти можеш пройти спринт навіть без нього. Все інше — Node, GitHub, Vercel, Sanity CMS — безкоштовне. Ніколи про них не чув? Ідеально. День 0 — це налаштування з нуля. Базовий робочий процес сумісний з іншими AI-провайдерами, як Claude Pro або Gemini, тож можещ використовувати їх за бажанням, але наші сесії та приклади — у Codex.
07
спринти
5 днів від Figma до Production.
Кожен день — наступний етап одного workflow.
День 1
Налаштування та кік-офф
Павло відкриває спринт наживо: контекст робочого процесу, чого очікувати і як отримати максимум від наступних днів. Встановиш Codex та підключиш свої інструменти. Все, що необхідно, буде розглянуто на сесії.
День 2
Збірка
Береш мій готовий дизайн з Figma і починаєщ будувати з AI. Вчищся ефективно промптити, як зберігати своє дизайн-бачення, і як дебажити, коли щось виглядає не так. На кінець дня: твоя базова структура портфоліо-сайту працює локально.
День 3
День наздоганяння
У цей день Немає уроку чи Office Hours, щоб кожен наздогнав, якщо пропустив попередні дні або не встиг виконати завдання. Я в чаті, підтримка доступна, якщо потрібна допомога чи є питання — я допоможу.
День 4
Деплой
Підключай CMS, пушиш сайт в лайв, додаєщ кастомний домен. Office hours: четвер, 18:00 CEST / 12:00 EDT / 9:00 PDT. На кінець дня: твій сайт живий в інтернеті.
День 5
Інтеракшн та персоналізація
Додаси анімації, скрол-ефекти та кастомні інтеракшн. Адаптуєш дизайн: змінюєш кольори, секції, роби так, щоб відчувалося, що це справді збудував ти. Office hours: п'ятниця о 18:00 CEST / 12:00 EDT / 9:00 PDT. На кінець дня: живий, персоналізований, інтерактивний портфоліо-сайт і робочий процес, який ти пройшов від початку до кінця.
Чат-підтримка
Підтримка триває протягом вихідних
З суботи до неділі чат залишається відкритим протягом вихідних. Наздоганяй пропущене, не запусквй, вдосконалю свої знання або заглиблюйся в матеріал у власному темпі. Я поруч і допоможу.
08
ЩО ТИ РЕАЛЬНО СТВОРИШ
Наприкінці cпринту у тебе буде не сертифікат. У тебе буде сайт.
- Живий production-сайт. Responsive і доступний онлайн.
- Реальний codebase. Проєкт, із яким можна продовжувати працювати після Sprint.
- CMS. Контент, який можна редагувати без переписування коду.
- GitHub repository. Нормальний development workflow замість папки final-final-v7.
- Deployment. Production environment на Vercel.
- AI development workflow. Найважливіший результат. Ти один раз пройдеш увесь процес разом зі мною, щоб потім повторювати його самостійно.
09
для кого цнй спринт
Чи цей спринт для тебе?
А
Ти працюючий дизайнер, якому цікавий AI-кодинг, але ти ще нічого справжнього з ним не будував
Б
Ти пробував AI-інструменти, але не доводив проєкт від Figma до лайву
В
Ти хочеш робочий процес, яким можна користуватися — а не просто ще одне демо для перегляду
Г
Ти готовий перестати розшифровувати хайп і просто спробувати сам
10
Приєднуйся до спринту
Цей спринт проходить один раз. Я поки не певнен, чи проведу його ще колись.
Що входить
- ✓ 5 днів практичної роботи
- ✓ Покроковий production workflow
- ✓ Практичні уроки
- ✓ Щоденні Live Q&A
- ✓ Наданий дизайн Figma для збірки
- ✓ Підтримка протягом усього спринту
- ✓ Записи всіх сесій
- ✓ Resources та матеріали
- ✓ Lifetime access
- ✓ Не задоволений до кінця 1-го дня? Я поверну гроші. Без запитань.
11
Часті питання