Курс AI
UI/UX Engineering
Опануй сучасні професії та навички, що стали must-have у 2026
7600+
студентів уже працевлаштувались з GoIT
$2475
медіанна зарплата UI/UX- і Product-дизайнерів
81%
айтівців в Україні використовують AI у роботі
16
живих занять за 8
тижнів і готовий сайт-портфоліо
7600+
студентів уже працевлаштувались з GoIT
$2475
медіанна зарплата UI/UX- і Product-дизайнерів
81%
айтівців в Україні використовують AI у роботі
16
живих занять за 8
тижнів і готовий сайт-портфоліо
Три причини для дизайнера прокачати свої AI-навички сьогодні
AI вже став робочим інструментом
81% айтівців в Україні вже особисто використовують AI у роботі, і лише 4% не користуються ним зовсім (DOU). У світі понад 80% дизайнерів вважають, що вміння працювати з AI буде ключовим для успіху в професії (Figma, 2025). Тож питання вже не в тому, чи користуєшся ти AI, а в тому, наскільки глибоко ти з ним працюєш.
Портфоліо, яке показує більше за макети
На Djinni медіанний діапазон у вакансіях UI/UX для 1–2 років досвіду — $525–1150, а для 5+ років — $2250–4750. Щоб рости, мало показати гарні макети. Живий сайт із блогом, адмінкою й анімаціями, зібраний разом з AI, показує роботодавцю і твій дизайн, і вміння довести його до робочого продукту.
Старт без досвіду в програмуванні
Достатньо базової Figma і розуміння, як користувач взаємодіє з інтерфейсом. Репозиторій і деплой налаштовуємо через застосунок, а код пише Claude Code за твоєю задачею. Твоя роль — ставити задачу, перевіряти результат і ухвалювати дизайнерські рішення. Уже на другому тижні перший екран твого сайту відкриватиметься за живою адресою.
Курс AI UI/UX Engineering: тобі сюди, якщо
Хочеш власний сайт, а не лише профіль на Behance
Хочеш власний сайт, а не лише профіль на Behance
Збереш власний сайт-портфоліо з кейсами, сторінкою «про мене», контактами й робочою формою заявки. Він працює за живою адресою, а контент ти оновлюєш самостійно через адмінку, без програмування.
Відчуваєш, що «питати в AI» вже замало
Відчуваєш, що «питати в AI» вже замало
Розберешся в моделях, лімітах і анатомії промпту, навчишся працювати з артефактами й файлом-описом проєкту. AI перестане вгадувати стиль щоразу заново і працюватиме за твоїми правилами. А на воркшопі збереш AI-воркфлоу під власні робочі задачі.
Хочеш доводити дизайн до живого продукту
Хочеш доводити дизайн до живого продукту
Пройдеш шлях від концепту у Figma до задеплоєного сайту: GitHub, Vercel і Claude Code, дизайн-система, головна з формою, блог і анімації. Без розробника і без досвіду в коді.
Хвилюєшся, що AI забере у тебе роботу
Хвилюєшся, що AI забере у тебе роботу
Навчишся ставити AI задачу так, щоб отримувати передбачуваний результат, і розберешся, де він економить час, а де рішення лишається за тобою. AI не проведе ресерч і не відчує користувача замість тебе — і саме ці навички стають ціннішими.
AI уже став базовою навичкою дизайнера.
Опануй його раніше за інших!
За 2 місяці отримаєш навички, які роблять дизайнера конкурентним на сучасному ринку.
Максим Гармаш
Автор та викладач курсу
-
Lead Product Design Engineer
-
6+ років у дизайні, 1,5 року в автоматизації та понад 2 роки викладання. Автор 3+ курсів про HCI, Product Design та AI, захоплюється хайкінгом та 3D-друком.
-
Співзасновник і CPO двох Civic Tech та XR-стартапів. Фокусується на автоматизації дизайн-процесів і створенні цифрових продуктів.
Програма курсу AI UI/UX Engineering
Блок 1
Вступ і робота з AI
Теми
-
Як працювати з AI, а не «питати в AI»
-
Чому та сама фраза двічі дає різний результат
-
Вибір моделі під задачу і ліміти сесій
-
Анатомія робочого промпту: роль, задача, контекст, обмеження, формат
-
Артефакт і чим він відрізняється від відповіді в чаті
-
Брейншторм і планування проєкту через артефакти
-
Структура сайту по сторінках і блоках
-
Концепт першого екрану у Figma
Результат
-
Ставиш AI задачу так, щоб отримувати передбачуваний результат
-
Обираєш модель під задачу й не спалюєш ліміт
-
Збираєш план проєкту артефактом і правиш його точково
Блок 2
GitHub, Vercel і Claude Code
Теми
-
Де живе сайт: репозиторій і деплой через застосунок
-
Коміт як точка, до якої можна повернутися
-
Автоматичний деплой і перевірка живої адреси з телефона
-
Claude Code на десктопі: асистент, який бачить увесь проєкт
-
Перший екран із плану й концепту
-
Підключення Figma через MCP
-
Що робити, коли щось зламалось
Результат
-
Публікуєш сайт за живою адресою
-
Працюєш із Claude Code в межах усього проєкту
-
Відкочуєш зміни, якщо щось пішло не так
Блок 3
Дизайн-система проєкту
Теми
-
Чому AI щоразу малює по-іншому
-
Дизайн-система як набір рішень: кольори, типографіка, відступи, стани
-
Токени простими словами
-
Базові компоненти: кнопка, картка роботи, поле форми, навігація
-
Збираємо систему разом з AI · Файл-опис системи для асистента
Результат
-
Збираєш мінімальну достатню дизайн-систему
-
Описуєш її так, щоб AI дотримувався правил
-
Перевіряєш, чи згенеровані секції тримають єдиний стиль
Блок 4
Головна сторінка
Теми
-
Що продає сторінку дизайнера
-
Структура сторінки-портфоліо і перший екран
-
Як показувати роботи
-
Заклик до дії і форма заявки
-
Збірка сторінки по секціях
-
Мобільна версія і перевірка на телефоні
Результат
-
Проєктуєш головну, яка приводить заявки
-
Збираєш сторінку секціями разом з AI
-
Підключаєш і перевіряєш робочу форму
Підсумковий проєкт
Теми
-
План і репозиторій
-
Сайт за живою адресою
-
Дизайн-система
-
Головна з формою
Результат
-
Жива головна сторінка портфоліо на власній дизайн-системі, з роботами й робочою формою заявки.
Блок 5
Решта сторінок і AI-воркфлоу
Теми
-
Сторінка кейсу і шаблон для всіх проєктів
-
Сторінки «про мене» і «контакти»
-
Навігація між сторінками
-
Нова сторінка на базі вже існуючої
-
Воркшоп: AI-воркфлоу дизайнера поза проєктом
-
Власна бібліотека промптів під повторювані задачі
Результат
-
Добудовуєш повну структуру сайту
-
Тримаєш єдиний стиль на всіх сторінках
-
Збираєш AI-воркфлоу під свою рутинну задачу
Блок 6
Блог і адмінка
Теми
-
Блог: розділ, який росте
-
Адмінка: керуємо контентом без коду
Результат
-
Додаєш на сайт розділ блогу
-
Оновлюєш контент через адмінку без коду
БЛОК 7
Анімації всього проєкту
Теми
-
Коли рух допомагає, а коли заважає
-
Таймінг і easing простими словами
-
Поява при скролі, реакція на наведення, переходи між сторінками
-
Мікровзаємодії: кнопка, картка, поле форми
-
Анімація, швидкість сайту і доступність
Результат
-
Відрізняєш доречну анімацію від шуму
-
Описуєш рух словами так, щоб асистент зробив задумане
Підсумковий проєкт
Теми
-
Усі сторінки сайту
-
Блог і адмінка
-
Анімації
Результат
-
Повний сайт: усі сторінки, блог з адмінкою і наскрізна анімація.
Блок 8
Q&A і фіналізація
Теми
-
Q&A-сесія: розбір накопичених питань і поломок
-
Скільки робіт показувати і як їх відбирати
-
Анатомія кейсу: задача — процес — рішення — результат
-
Сам сайт як кейс роботи з AI
Результат
-
Закриваєш накопичені питання перед фіналом
-
Наповнюєш сайт контентом
-
Маєш наповнений сайт-портфоліо, готовий до захисту
Підсумковий проєкт
Теми
-
Демо-день
-
Показ сайту наживо
-
Фідбек викладача
Результат
-
Власний сайт-портфоліо, з яким можна відгукуватись на вакансії.
БОНУС 1
Курс «Старт в AI»
БОНУС 2
Курс «Фриланс. Швидкий старт»
Онлайн-курс AI UI/UX Engineering
студентів уже працевлаштувались з GoIT
медіанна зарплата UI/UX- і Product-дизайнерів
айтівців в Україні використовують AI у роботі
живих занять за 8
тижнів і готовий сайт-портфоліо
Ціна: 4900 грн
Вісім тижнів - і в тебе живий сайт-портфоліо, зібраний разом з AI. Прокачай свої навички та відкрий шлях до нових задач та вищих чеків! Купуй курс зараз.
