Дізнатись умови
Для Web/UI дизайнерів і фронтенд-розробників

Опануйте Design Engineering з AI

щоб закрити повний цикл — від дизайну до коду — і доводити інтерфейс до живого продукту самому. За 6 тижнів зберете власний продукт із дизайн-системою, компонентами, тестами й аналітикою
6 тижнів · 12 занять · щотижневий розбір вашої роботи з викладачем
Повний цикл: бриф → дизайн-система → компоненти → анімація → доступність → тести → реліз → аналітика
На виході — живий продукт за вашим посиланням, який працює на телефоні й з клавіатури
9 робочих документів, які показуєте на співбесіді замість сертифіката
Early Bird умови на перші
25 місць
Програма навчання
Дізнатись умови

Ринок звужується
для тих, хто вміє одне

За два роки частка початківців серед дизайнерів на Djinni впала вдвічі — з 20% до 10%, а частка сеньйорів зросла з 25% до 35%. Stanford Digital Economy Lab фіксує те саме ширше: у професіях, найбільш відкритих до AI, зайнятість людей 22–25 років впала на 6%, тоді як у старших групах зросла на 6–9%.
Водночас Vercel виділив Design Engineer в окрему роль із компенсацією понад $200 тисяч на рік, а Linear, Airbnb і Spotify прибрали передачу макета в розробку як окремий етап. Виграє той, хто закриває цикл цілком.
Зайти в цю роль можна з двох боків

Один курс. Два входи.

Ви дизайнер

Вийдіть за межі Figma

Перетворюйте задум на працюючі компоненти, взаємодії та живі продукти. Навчіться давати агенту достатній контекст, читати й перевіряти згенерований код, деплоїти і не втрачати якість до релізу.
Дизайн → Код → Реліз
Ви розробник

Вийдіть за межі реалізації

Розвиньте візуальне судження, типографіку, анімацію та мислення взаємодіями. Навчіться збирати цілісний інтерфейс без пиксель-перфект макета і направляти агента так, щоб результат відповідав системі, бренду й обмеженням продакшену.
Код → Візуальне судження → Якість досвіду
Завдання спільні, складність різна. Там, де дизайнер захищає архітектуру, розробник захищає типографіку. Оцінюємось за однією шкалою.

Але цей курс не для всіх

Підходить
Web/UI дизайнеру з впевненою Figma, компонентами, auto layout і адаптивною логікою — який готовий працювати з кодом
Фронтенд-розробнику з HTML, CSS, JavaScript або React, Git і базовим дебагом
Продуктовому дизайнеру, який хоче перейти від макетів до працюючих прототипів
Фрілансеру або власнику студії, якому потрібно віддавати клієнту готовий продукт, а не макет
Дизайнеру дизайн-систем, якому потрібен процес, у якому агент не ламає систему
Не підходить
Тим, хто починає з нуля одночасно в дизайні та фронтенді
Тим, хто хоче згенерувати сайт одним запитом — тут про доведення до релізу, а не про генерацію
Дизайнерам, які не готові читати й запускати код
Розробникам, які не готові захищати візуальні рішення і чути критику по типографіці
Тим, хто шукає бекенд, хмарну архітектуру або основи інформатики
Зайняти місце

В основі — цикл, а не список інструментів

Задум → контекст для агента → генерація → перевірка → тести → реліз → вимірювання. Два заняття на тиждень плюс щотижневий розбір, де викладач дивиться ваші компоненти, аудити й архітектурні рішення.
Задум
Токени
Компоненти
Анімація
Доступність
Тести
Реліз
Тижні 01–02 · Модуль 1

Задум і система

L01

Від задуму до брифа, з яким може працювати агент

Бриф на інтерфейс · список припущень · сценарій користувача · критерії готовності
L02

Візуальний напрям і як захищати рішення

Дошка візуальних напрямів · критерії оцінки · обґрунтування вибору
L03

Дизайн-система: токени, адаптивність, правила для агента

Специфікація системи · токени · правила для агента з прикладами «так» і «ні»
L04

Робочий процес з агентом і збірка репозиторію

Робочий репозиторій · файл інструкцій для агента · перший тестовий деплой
Обов'язкова умова заліку 1: репозиторій запускається за README, тестовий деплой живий
Тижні 03–04 · Модуль 2

Збірка і якість

L05

Компоненти: варіанти і всі стани

Бібліотека з 6–10 компонентів у Storybook · усі стани · опис API
L06

Взаємодії та анімація як поведінка системи

Опис взаємодій · тривалості й криві · альтернатива без анімацій
L07

Адаптивність і доступність

Аудит доступності з виправленнями · робота з клавіатури · звіт axe і DevTools
L08

Архітектура і код-рев'ю AI-коду

Перевірений pull request · нотатка про архітектуру · чек-лист підтримуваності
Обов'язкова умова заліку 2: головний сценарій працює, є мобільна версія і навігація з клавіатури
Тижні 05–06 · Модуль 3

Реліз і аналітика

L09

Тести для інтерфейсу, згенерованого агентом

Тести на головний сценарій у Playwright · звіт про перевірку
L10

Швидкість, деплой і якість релізу

Живий продукт за посиланням · звіт про швидкість · план відкату
L11

Вимірювання, зворотний зв'язок і наступна ітерація

План вимірювань · перелік подій · гіпотеза наступної ітерації
L12

Реліз, документація і захист проєкту

Повний пакет проєкту · живий захист · розбір роботи з агентом
Обов'язкова умова заліку 3: захист проєкту і рев'ю репозиторію
Хочу приєднатись до спринту

Щотижневий
розбір, а не загальні питання

Шість форматів. Кожен перевіряє інший тип якості.
Тиждень 1

6 тижнів / 12 занять + Lesson 0

2 заняття/тиждень: async lesson + practice lab + mentor review артефакту
Тиждень 2

Передача системи агенту

інша людина або агент збирає компонент лише з ваших правил
Тиждень 3

Огляд компонентів і анімації

жива інспекція у Storybook: стани, ієрархія, стриманість
Тиждень 4

Клініка доступності

прохід із клавіатури, порівняння аудитів, критика pull request
Тиждень 5

Готовність до релізу

розбір падінь тестів, Lighthouse, клініка деплою
Тиждень 6

Демо-день

крос-функціональна панель: дизайн, фронтенд, продукт, бізнес

Фінальний проєкт

Один продукт, на якому матеріалізується весь курс
задум → дизайн-система → компоненти → анімація → доступність → тести → реліз → аналітика
Обсяг
Один головний сценарій користувача
3–5 екранів
6–10 компонентів багаторазового використання
Тести на головний потік
Продакшен-деплой і план вимірювань
Це не навчальний макет. Це продукт за живим посиланням, який ви захищаєте на фінальному занятті й відкриваєте на співбесіді.
Зайняти місце

Інструменти
і навіщо кожен

Дизайн-контекст

Figma · Dev Mode · Figma MCP

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

Cursor або Claude Code та Claude Design

Спочатку план, потім код. Дослідження репозиторію, реалізація, дебаг, рефакторинг
Фронтенд

GitHub · Next.js · React · TypeScript · Tailwind · shadcn/ui

Продакшен-репозиторій, компоненти, адаптивність, контроль версій
Система й анімація

Storybook · Motion for React

Стани компонентів, документація, доступна анімація
Якість

Playwright · axe · Lighthouse · DevTools

Тести, доступність, швидкість, перевірка на різних браузерах
Реліз і аналітика

Vercel · PostHog

Тестовий і продакшен-деплой, події, воронки, зворотний зв'язок

6 тижнів. 12 занять. 9 документів.

Портфоліо, яке переноситься на робочий проєкт — не сертифікат у папці
ARTIFACT · 01

Бриф на інтерфейс

Проблема, сценарій користувача, межі задачі, критерії готовності. Плюс список припущень, які треба перевірити.
Інша людина читає brief і без пояснень описує, що будувати і як перевірити «done»
ARTIFACT · 02

Візуальний напрям і критерії оцінки

Два-три опрацьовані напрями, критерії вибору, обґрунтування на 300–500 слів.
Ви пояснюєте, чому direction підтримує intended experience, а не чому він красивий
ARTIFACT · 03

Правила дизайн-системи для агента

Токени, правила адаптивності, матриця компонентів і станів у форматі, який читає агент.
Агент генерує компонент, що відповідає токенам, не вигадуючи нову візуальну мову
ARTIFACT · 04

Репозиторій з інструкціями для агента

Архітектура на Next.js, правила проєкту, чек-лист готовності, тестовий деплой.
Нова AI-сесія читає project rules і пропонує коректний plan без порушення constraints
ARTIFACT · 05

Бібліотека компонентів

6–10 reusable components у Storybook з документованим API, variants, loading / empty / error / success / focus states і accessibility notes.
Інша людина збирає новий екран з бібліотеки без дублювання компонентів
ARTIFACT · 06

Опис взаємодій і анімації

Що відбувається при кліку, помилці, завантаженні. Тривалості, криві, альтернатива без анімацій.
Motion не блокує task, не викликає layout instability і має accessible fallback
ARTIFACT · 07

Звіт з доступності та якості

Порівняння того, що знайшов агент, з ручною перевіркою. Робота з клавіатури, три розміри екрана, виправлення.
Ключовий flow працює keyboard-only, критичних axe-issues немає, контент не ламається
ARTIFACT · 08

Тести і живий реліз

Тести на головний сценарій, перевірені на навмисно зламаній поведінці. Продакшен-деплой, чек-лист релізу.
Test падає при зламаній поведінці й перевіряє user-visible outcome, а не internal detail
ARTIFACT · 09

План вимірювань і розбір роботи з агентом

Головна метрика, події, гіпотеза наступної ітерації. Плюс журнал: що делегували, що відхилили і чому.
Кожна запропонована зміна прив'язана до сигналу і має альтернативне пояснення
Хочу приєднатись до курсу

Якщо за навчання платить компанія

Швидше перевірка гіпотез
час від брифа до працюючого превʼю
Менше втрат на передачі
кількість уточнень і переробок між дизайном і фронтендом
Вища якість інтерфейсу
дефекти доступності, адаптивні баги, розсинхрон із дизайн-системою
Більше перевикористання
частка спільних компонентів і токенів
Контроль над AI-кодом
неперевірений код, відсутні тести, зайві залежності
Менше вузьких місць
частка задач, які людина доводить до релізу самостійно
Надішлемо обґрунтування для керівника: програма, результати, як виміряти ефект через 60 днів.

Вартість 6-тижневого спринту Design Engineering з AI

6 тижнів / 12 занять

Теорія, розбір на прикладі, практика і домашня робота в кожному. Плюс підготовчий модуль на 4–6 годин під ваш напрям.

Щотижневий розбір роботи

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

Фінальний проєкт

Живий продукт за вашим посиланням: один головний сценарій, 6–10 компонентів, тести, деплой, аналітика.

9 документів і стартовий репозиторій

Забираєте і застосовуєте на робочому проєкті з першого тижня.

Ментор на 12–15 учасників

Рев'ю коду і дизайну, зворотний зв'язок по кожному документу, розбір того, де застрягли.

Викладацька команда, а не одна людина

Дизайн і продакшен-інженерія — різні глибини, тому курс веде команда.
Бонус:

Залік у магістратуру Neoversity
(EQF7, EU диплом)

спеціальна вартість для випускників курсу

Старт потоку: 14 вересня

Early bird Перші 25 місць
€490
або від €80/міс.
Залишилось місць
13 / 25
Стандартна
€570
або від €95/міс.
Після вичерпання Early Bird квоти
Зайняти early bird місце

Все, що ви хотіли знати про Neoversity

Neoversity — це перший в Україні AI-driven онлайн IT-університет з міжнародною акредитацією.Програми університету готують фахівців, здатних створювати й упроваджувати власні стартап-проєкти
1500+
студентів навчаються на бакалаврських та магістерських програмах за 2024-2025 роки
76%
студентів магістратури працюють на Middle, Senior чи Lead-позиціях у Google, Meta, Microsoft, EPAM, SoftServe, N-iX, Ciklum і засновують власні стартапи.
Резидент
Diia.City
Кращий EdTech 2024
Next
250
За підтримки інвестицій

Вчіться у тих, хто сьогодні створює AI-майбутнє

Павло Жданов
Альона Вітюк
Євген Яремчук
Кирило Онищенко
Богдан Коваль
Netflix Logo
Нік Білогорський
Facebook Logo
Google Logo
Прокопенко Юрій
Bank Credit Dnipro Logo
Роберт Поттер
2 Internet Logo
Павло Жданов
Альона Вітюк
Євген Яремчук
Кирило Онищенко
Богдан Коваль
Netflix Logo
Нік Білогорський
Facebook Logo
Google Logo
Прокопенко Юрій
Bank Credit Dnipro Logo
Роберт Поттер
2 Internet Logo
Павло Жданов
Альона Вітюк
Євген Яремчук
Кирило Онищенко
Богдан Коваль
Netflix Logo
Нік Білогорський
Facebook Logo
Google Logo
Прокопенко Юрій
Bank Credit Dnipro Logo
Роберт Поттер
2 Internet Logo
Павло Жданов
Альона Вітюк
Євген Яремчук
Кирило Онищенко
Богдан Коваль
Netflix Logo
Нік Білогорський
Facebook Logo
Google Logo
Прокопенко Юрій
Bank Credit Dnipro Logo
Роберт Поттер
2 Internet Logo

Компанії, де працюють ваші майбутні одногрупники

Зазвичай питають перед стартом навчання

Скільки часу займає навчання на тиждень?

Реалістично — 8–12 годин: два async-заняття (конспект + відео з guided lab), власна практика на CorpBrain і одна live-клініка. Це hands-on intensive, а не курс "подивився відео — отримав сертифікат". Якщо тиждень видався перевантаженим, заняття доступні в записі, а homework має обов'язкове ядро і опціональні поглиблення — мінімальну траєкторію можна пройти швидше.

Я вже будував RAG. Що тут нового для мене?

Якщо ваш RAG працює стабільно, ви міряєте retrieval quality метриками, маєте eval dataset і regression-контроль у CI — курс вам не потрібен. Якщо ж quality оцінюється "на око", dense search губить ID й технічні терміни, а кожна зміна — рулетка, то саме цей розрив між "зібрав pipeline" і "керую quality системно" курс і закриває.

Чим це відрізняється від безкоштовних курсів DeepLearning.AI і туторіалів на YouTube?

Безкоштовні курси показують, як підключити фреймворк за 1–2 години на чистих демо-даних. Тут ви 6 тижнів будуєте одну систему на messy корпусі (tech docs, Slack-подібні повідомлення, GitHub issues), вимірюєте кожне рішення власним eval framework і щотижня розбираєте свої failures з експертом на live-клініці. Різниця та сама, що між "прочитав про плавання" і "тренувався з тренером у басейні".

Які вимоги для вступу?

Must-have: впевнений Python, розуміння REST API, Git, базове розуміння embeddings і vector search, досвід хоча б з одним basic LLM/RAG application. Перед стартом є pre-work модуль: підняти starter repo, проіндексувати невеликий корпус і запустити перші test queries — щоб уся група почала зі спільного baseline.

Я Backend-інженер без глибокого ML. Потягну?

Так — це один із трьох основних профілів курсу. ML-теорія тут не потрібна: retrieval engineering ближчий до backend-дисципліни (індекси, latency, trade-offs, observability), ніж до тренування моделей. Ваш досвід з APIs, базами й архітектурою — це перевага, курс добудовує зверху retrieval-специфіку.

Що таке live engineering clinics і чим вони відрізняються від вебінарів?

Це не лекції — теорія повністю в async-матеріалах. На клініку ви приносите конкретний failure, trace або metric delta зі своєї системи, а експерт розбирає root cause, челенджить ваші architecture decisions і допомагає спланувати наступний експеримент. Формат працює, коли приходиш з evidence — тому homework структурований так, щоб evidence у вас був щотижня.

Що я матиму в портфоліо після курсу?

Working retrieval system у вашому GitHub і 8 інженерних артефактів: eval dataset з baseline report, Retrieval Design ADR, failure analysis report, hybrid retrieval benchmark, decision matrix по reranking, routing policy з memory architecture, quality dashboard з regression gate у CI та фінальний Advanced RAG Architecture Pack з before/after метриками. Це матеріал, який показують на співбесіді, а не переказують.

Чи потрібно платити за API під час навчання?

Для практики знадобляться API-ключі LLM-провайдера. Лаби спроєктовані під невеликі корпуси й економні моделі, тому витрати помірні — оцінку бюджету і рекомендовані конфігурації дамо в pre-work модулі. Якщо у вас є корпоративні ключі — можна використовувати їх.

Що, якщо я пропущу тиждень?

Усі async-матеріали залишаються доступними, записи клінік — теж. Наздогнати реально, але через наскрізний capstone кожне заняття будується на попередньому — тому радимо не накопичувати більше одного тижня відставання. Куратор допоможе спланувати повернення в ритм.

Чи отримаю я сертифікат?

Так, після захисту фінального проєкту. Але чесно: для senior-аудиторії сертифікат — найслабший з результатів курсу. Роботодавця переконує working system у GitHub і артефакти з виміряними результатами. Бонус для випускників — залік у магістратуру Neoversity (EQF7, EU диплом) на спеціальних умовах.

Скільки коштує курс?

Вартість залежить від етапу набору групи, на якому ви робите оплату — що раніше, то вигідніші умови. Актуальну ціну для вашого етапу підкаже відділ продажів: залишайте заявку, і менеджер зорієнтує по умовах і доступних форматах оплати.

Чи можна оплатити від компанії?

Так, працюємо з корпоративною оплатою — надаємо рахунок і документи для роботодавця. Аргумент для менеджера простий: після курсу інженер вміє вимірювати retrieval quality, знаходити root cause і обґрунтовувати architecture decisions даними — це прямий вплив на якість AI-продукту команди.

Є питання про курс?

Запишись на консультацію — розберемо твій стек, рівень і чи підходить курс саме тобі та отримай практикум одразу після заповнення форми.
30 хв • безкоштовно
Практикум — одразу після запису
Записатись на консультацію
Вже готовий? Зайняти місце в потоці
Зайняти місце