Коротка відповідь: якщо не знаєш, з чого почати, - бери Дизайн-система + AI, це найкоротший вхід (сім днів) із конкретним результатом. Якщо мета - навчитись кодити і закривати задачі без розробників, іди у Design Engineer. Якщо потрібно тільки швидко зробити свій сайт чи лендінг, без занурення в код, обирай Сайт з AI.
Я, Dmytro Nikolaienko, зробив три курси, а не один, тому що дизайнери приходять з різними задачами. Комусь треба навести лад у токенах і компонентах, комусь - стати тим, хто сам доводить дизайн до продакшну, а комусь просто потрібен робочий сайт до п'ятниці. Нижче я чесно розкладаю, кому який курс підходить, з таблицею і критеріями вибору, а не порадою «всі три класні, обирай сам».
Три курси UX Hero - у чому різниця?
Коротко: Design Engineer вчить кодити і доводити дизайн до продакшну, Дизайн-система + AI вчить зібрати свою живу дизайн-систему за сім днів, а Сайт з AI вчить швидко пройти шлях від ідеї до готового сайту з допомогою AI, без глибокого занурення в код.
Різниця не в «крутизні», а в результаті, на який ти виходиш. Design Engineer - найширший курс: десять лекцій, які ведуть від Git до фінального capstone-проєкту, і в кінці в тебе є перший pull request на GitHub, портфоліо і задеплоєний проєкт. Дизайн-система + AI - найвужчий і найшвидший: сім днів, і фокус тільки на одному - токенах, компонентах і документації. Сайт з AI стоїть окремо: це не про глибину, а про швидкість - пайплайн, який доводить ідею до продакшн-сайту, не вимагаючи, щоб ти розумів React чи Git.
Усі три курси працюють з Claude і MCP, тобто з тим самим підходом «AI як напарник, а не генератор картинок». Різниться лише те, наскільки глибоко ти в цей код заходиш і що саме отримуєш на виході. І це принципово: жоден з курсів не про те, щоб натиснути кнопку і отримати готовий продукт без розуміння, що всередині. AI прискорює, але постановку задачі і перевірку результату завжди робиш ти сам.
Порівняння курсів
Якщо коротко подивитись на всі три поруч, різниця видно одразу: Design Engineer - це про глибину і кар'єру, Дизайн-система + AI - про швидкість і порядок, Сайт з AI - про готовий продукт без зайвого навчання.
| Design Engineer | Дизайн-система + AI | Сайт з AI | |
|---|---|---|---|
| Для кого | хоче стати design engineer, кодити і закривати задачі без розробників | хоче навести лад у дизайн-системі і швидкий результат | треба швидко зробити свій сайт чи лендінг з AI |
| Що вивчаєш | Git, HTML/CSS + Tailwind, Claude Code, JS + React, Figma Dev Mode і токени, Storybook, деплой, MCP | токени primitives/semantic/component, 10 станів компонента, код у Storybook, документація | пайплайн від ідеї до продакшн-сайту з AI |
| Результат | перший pull request на GitHub, портфоліо, задеплоєний проєкт | жива, production-ready дизайн-система у Storybook | задеплоєний сайт або лендінг |
| Тривалість | 10 лекцій, власний темп | 7 днів | власний темп, без фіксованого дедлайну |
| Рівень | з нуля до середнього, найширший курс | базовий, найнижчий поріг входу | базовий, без потреби заздалегідь кодити |
Кому підходить Design Engineer?
Design Engineer - для тих, хто вже втомився чекати розробника на кожну дрібну правку і хоче сам доводити дизайн до продакшну. Це десять лекцій: mindset і ринок, Git, HTML/CSS і Tailwind, Claude Code, JS і React, Figma Dev Mode і токени, Storybook, деплой, MCP і фінальний capstone-проєкт.
Курс підходить, якщо ти:
- хочеш будувати кар'єру в бік design engineer, а не залишатись лише в Figma;
- готовий вкладати регулярний час у практику, а не проходити курс «для галочки»;
- хочеш закривати прості й середні задачі в коді самостійно, без черги до розробника;
- хочеш мати реальний pull request і задеплоєний проєкт у портфоліо, а не сертифікат.
Це найширший з трьох курсів, і саме тому він вимагає найбільше часу. Якщо ти хочеш «просто спробувати код», починати варто не з нього - тут очікується, що ти готовий пройти шлях до кінця, а не покинути на середині лекції про React.
Кому підходить Дизайн-система + AI?
Дизайн-система + AI - курс «Дизайн-система + AI за 7 днів». За тиждень ти збираєш свою живу дизайн-систему: токени на трьох рівнях (primitives, semantic, component), десять станів для кожного компонента, код компонентів у живому Storybook, документацію - усе production-ready, з Claude і MCP + Figma.
Курс підходить, якщо ти:
- працюєш у команді, де дизайн-система - хаос без токенів і без єдиних станів;
- хочеш швидкий і конкретний результат за тиждень, а не тримісячний марафон;
- не готовий одразу вчити React чи Git, але хочеш, щоб система жила в коді, а не тільки в Figma;
- шукаєш перший крок у бік коду, який не лякає обсягом.
Це найкоротший вхід із трьох курсів, і для більшості дизайнерів, які «не знають з чого почати», саме він - правильна перша дія. Результат тижня не гіпотетичний: наприкінці в тебе реально є посилання на Storybook з твоїми компонентами, а не обіцянка «колись доробити».
Кому підходить Сайт з AI?
Сайт з AI - для тих, кому потрібен не навик, а результат: свій сайт чи лендінг, зроблений з AI, від ідеї до продакшну. Курс веде через увесь пайплайн, не вимагаючи, щоб ти глибоко розумів код.
Курс підходить, якщо ти:
- фрилансер чи власник невеликого бізнесу, якому потрібен сайт зараз, а не навик на майбутнє;
- хочеш швидко перевірити ідею через лендінг, не чекаючи на розробника чи агентство;
- не ставиш за мету стати design engineer, тобі важливий саме готовий сайт;
- вже маєш якийсь досвід з AI-інструментами і хочеш перетворити його на конкретний продукт.
Якщо після цього курсу захочеться зрозуміти, що саме відбувається під капотом сайту, логічний наступний крок - Design Engineer. Але це не обов'язково: багато хто зупиняється саме на готовому сайті, і це нормальний, завершений результат сам по собі.
З чого почати, якщо не знаєш?
Ось моя пряма рекомендація, без «залежить»:
- Хочеш зібрати або навести лад у дизайн-системі і отримати швидкий результат - почни з Дизайн-система + AI.
- Хочеш стати тим, хто кодить і закриває задачі без розробників, будувати кар'єру в бік design engineer - іди в Design Engineer.
- Треба просто швидко зробити свій сайт з AI, і більше нічого - обирай Сайт з AI.
Для більшості дизайнерів, які пишуть мені «не знаю, з чого почати», дефолтна відповідь - Дизайн-система + AI. Поріг входу тут найнижчий, результат видно за тиждень, а далі, якщо захочеться глибше в код, логічний наступний крок - Design Engineer. Сайт з AI - окрема гілка для тих, кому потрібен саме сайт, а не навик роботи з дизайн-системою чи кодом.
Я не раджу проходити всі три одразу. Краще закрити один курс до кінця, отримати конкретний результат і вже тоді вирішувати, чи потрібен наступний.
Часті питання
Який курс обрати дизайнеру-початківцю?
Якщо ти дизайнер-початківець і не знаєш, з чого почати, найнижчий поріг входу у курсу «Дизайн-система + AI»: сім днів, конкретний результат - жива дизайн-система в Storybook, і не треба заздалегідь вміти кодити. Це найбезпечніший перший крок, після якого вже видно, чи хочеться йти глибше в код.
Чим Design Engineer відрізняється від Дизайн-система + AI?
Дизайн-система + AI фокусується на одній речі - зібрати токени, компоненти і документацію за сім днів. Design Engineer ширший: це Git, HTML/CSS і Tailwind, Claude Code, JavaScript і React, Figma Dev Mode, Storybook, деплой і MCP, тобто повний шлях від макета до продакшн-коду і перший pull request на GitHub.
Чи можна пройти кілька курсів UX Hero одразу?
Так, і це логічний шлях для багатьох. Найчастіша послідовність - спочатку «Дизайн-система + AI», щоб навести лад у токенах і компонентах, а потім «Design Engineer», щоб навчитись доводити цю систему до коду в реальних проєктах.
Скільки часу займає кожен курс?
«Дизайн-система + AI» розрахований на сім днів. «Design Engineer» - це десять лекцій у власному темпі, від git до фінального capstone-проєкту. «Сайт з AI» - це пайплайн від ідеї до задеплоєного сайту, теж у своєму темпі, без фіксованого дедлайну.
Що робити, якщо потрібен лише сайт, а не глибокий код?
Тоді курс «Сайт з AI» підходить найкраще: він веде від ідеї одразу до продакшн-сайту, без занурення в Git, React чи дизайн-токени. Це варіант для тих, кому потрібен результат - робочий сайт чи лендінг, а не навик кодити самостійно.
Три курси - це не три випадкові продукти, а три різні точки входу в один шлях: від дизайну до готового продукту в браузері. Обирай не за назвою, а за метою, яку хочеш закрити за найближчий місяць.