Своя продуктова команда тулзів та MCP

Ти розберешся, які AI-інструменти справді потрібні дизайнеру для щоденної роботи і почнеш збирати свою команду тулзів.

Chat with AI VS Prompt Frameworks

Іноді з AI можна просто чатитися, але для проєктування інтерфейсів цього недостатньо. Ти навчишся будувати промпти як чітке дизайн-завдання: з ідеєю, сценарієм, структурою, стилем, обмеженнями й очікуваним результатом. Це допоможе отримувати від AI не випадкову “красу”, а керовані, продумані рішення, які справді можна використовувати в роботі.

Cвій Mr Prompter

Робота з AI часто виснажує, бо доводиться постійно заново пояснювати задачі, стиль, логіку й очікуваний результат. Тут ти навчишся створювати власного prompt-помічника — mr Prompter, який допомагатиме формулювати сильні запити для Figma Make, Claude Code, Cursor та інших AI-білдерів. Це зніме частину рутини, збереже якість промптів і допоможе працювати з AI спокійніше, швидше й більш системно

НАЛАШТУВАННЯ І РОБОТА З FIGMA MAKE

Ти розберешся, чому Figma Make іноді “не чує” задачу і як це виправити. Навчишся правильно налаштовувати проєкт, давати Make зрозумілий контекст, працювати з промптами, структурою, стилем і правками так, щоб результат був ближчим до твоєї ідеї, а не випадковою AI-генерацією.

МІГРАЦІЯ ПРОЄКТІВ МІЖ AI-ТУЛЗАМИ

Ти навчишся переносити й доробляти проєкти між Figma Make, Cursor, Claude Code, VS Code і Codex. Це допоможе не залежати від одного інструменту, а розуміти процес і впевнено керувати своїм AI-workflow.

IDE & CLI

Ти розберешся, у чому різниця між роботою в IDE та CLI. Не потрібно “жити в терміналі”, але важливо не боятися його й розуміти базову логіку. Це допоможе спокійніше працювати з Cursor, VS Code, Claude Code, Codex та іншими інструментами, де дизайн уже переходить у код.

Робота з MediaPipe

Ти розберешся, як додавати в проєкти взаємодію через камеру: жести, рухи рук, міміку чи погляд. Це допоможе створювати не просто звичайні екрани, а живі інтерактивні прототипи, ігри й вау-досвіди, які сильніше виглядають і у портфоліо, і в житті.

AI ДЛЯ КОНТЕНТУ ПРОДУКТУ

Ти навчишся створювати з AI контент для самого продукту та його презентації: відео, голос, анімації, сцени, онбординги й демо. Це допоможе оживляти ідеї, краще пояснювати продукт і робити його досвід більш цілісним

СВОЇ СЕРВІСИ, ІГРИ ТА TINY APPS

Ти навчишся створювати маленькі інтерактивні продукти з камерою, жестами, рухами чи мімікою: мініігри, сервіси, playful tools і tiny apps. Це допоможе виходити за межі звичайних макетів і робити живі проєкти, які можна показати, протестувати й додати в портфоліо як сильний AI/interactive кейс

GIT / GITHUB

Ти розберешся, як зберігати й вести свої AI-проєкти через GitHub: репозиторії, версії, зміни й базовий workflow. Це допоможе працювати з кодом спокійніше, професійніше й не боятися технічної частини продукту.

SUPABASE & CLOUDINARY

Ти розберешся, як зберігати в AI-проєктах не тільки текстові дані, а й файли: зображення, аватарки, фото, відео чи інший контент користувачів. Supabase допоможе працювати з базою даних, а Cloudinary — з медіафайлами. Це дозволить робити продукти більш реальними: з профілями, щоденниками, галереями, завантаженням контенту й персональним досвідом.

VERCEL / NETLIFY

Ти розберешся, як публікувати свої AI-проєкти онлайн, щоб їх можна було не просто показати на екрані, а відкрити за посиланням. Навчишся деплоїти сайти, tiny apps, MVP і прототипи через Vercel або Netlify і перетворювати свої роботи на живі проєкти для тестування, презентації та портфоліо

WOW BONUS

внутрішні хакатони і можливість отримати кешбек

Під час навчання ти будеш брати участь у внутрішніх хакатонах на основі проєктів, які створюєш у програмі. Це допоможе швидше тестувати ідеї, прокачувати креативність і вчитися доводити продукт до результату.

WOW BONUS

CONTRA ТА ХАКАТОННІ МОЖЛИВОСТІ

Ти побачиш, як Contra, хакатони й креативні челенджі можуть допомагати не тільки з портфоліо, а й з доходом: через колаборації, призи, замовлення та нові можливості для дизайнера.

WOW BONUS

МОНЕТИЗАЦІЯ ТВОРЧИХ VIBE-ПРОЄКТІВ

Гостьовий урок від креаторки, яка просуває себе через власні vibe-проєкти та співпрацює з Figma, Framer, Cursor, Wix й іншими брендами. Ти побачиш, як AI-проєкти можуть працювати не тільки для портфоліо, а й для особистого бренду, видимості, колаборацій і нових можливостей монетизації

CUSTOM AI ASSISTANTS

Навчишся створювати власну AI-екосистему під свої задачі: від сильніших запитів до кастомних Claude Projects і Custom GPTs, які працюють на твої знання, процеси та стиль роботи. Це дозволить будувати персональні AI-рішення для research, дизайну, контенту й workflow, підвищуючи швидкість, якість і контроль у щоденній роботі.

AI AUGMENTED RESEARCH

Навчишся посилювати research через AI: швидше збирати, структурувати й синтезувати великі об’єми даних у зрозумілі інсайти, research artefacts, personas, journey maps і звіти. Це допоможе перетворювати хаотичну інформацію в сильніші рішення, швидше бачити патерни та впевненіше аргументувати дизайн.

AI AGENTS ВСЕРЕДИНІ FIGMA + Claude code

Навчишся працювати з AI-агентами прямо в Figma canvas: генерувати, ітерувати й вдосконалювати інтерфейси швидше, використовуючи AI для роботи з UI. Освоїш зв’язок дизайну з кодом через Claude, Figma MCP і design-to-code workflow, щоб швидше створювати варіації, синхронізувати дизайн із продуктом і доводити рішення до production-ready рівня.

AI PROTOTYPING ТА ТЕСТУВАННЯ

Навчишся використовувати сучасний AI prototype stack (Figma Make, Claude Design, Lovable, Cursor) для швидкого переходу від ідеї чи prompt до інтерактивних, testable продуктів. Зможеш створювати high-fidelity прототипи, тестувати їх на реальних користувачах, працювати з аналітикою та швидше валідувати рішення ще до повноцінної розробки.

AI Design System

Навчишся будувати AI Design System нового рівня: від створення tokens і системної структури до масштабованих React-компонентів, variant logic і design-to-code workflow. Освоїш, як за допомогою AI, Claude Code, Cursor і Figma MCP перетворювати дизайн-систему з просто набору UI-елементів у гнучку, масштабовану продуктову основу, де дизайн і код працюють як єдина система.

Claude Design: AI Prototyping з Design Systems

Навчишся використовувати Claude Design як системний інструмент для прототипування: будувати власну design system architecture, структурувати tokens, styles і компоненти так, щоб Claude генерував не хаотичний UI, а дизайн, який спирається на твою систему. Це дозволить швидше переходити від структури й low-fi концептів до high-fidelity прототипів, зберігаючи логіку, консистентність і контроль.

Cursor, Claude Code та AI Coding Agents

Ти навчишся працювати з Cursor, Claude Code та іншими AI coding agents, щоб швидше переводити дизайн у код, редагувати фронтенд та працювати більш самостійно.

Frontend Environment та GitHub

Ти зрозумієш, як налаштувати середовище для роботи: Node, термінал, GitHub, репозиторії та базовий workflow для сучасного фронтенду.

JSX, layouts та структура інтерфейсів

Навчишся будувати структуру сторінок, layouts, routing, component composition та створювати більш чистий і масштабований UI.

Tailwind CSS та дизайн-токени

Ти зрозумієш, як працювати з Tailwind, utility-first стилізацією, токенами, variables та створювати консистентні інтерфейси.

ShadCN та Next.js

Навчишся працювати з готовими компонентами, Next.js, routing та сучасною структурою фронтенду для реальних продуктів.

Новий рівень цінності для дизайнера

Цей рівень допоможе тобі перейти від “я роблю макети” до “я можу самостійно зібрати, протестувати і запустити продукт”. Саме це зараз робить дизайнерів значно сильнішими та дорожчими на ринку.

які програми використовуються у навчанні?

Figma Agents, Figma Make, Claude Code, Cursor, Codex, Claude, GPT, додатково знайомлю також з Kling AI, 11Labs... вцілому орієнтуюсь на ринок і додаю по ходу, якщо бачу дійсно цікаві працюючі рішення.

До якого числа можна ще доєднатися?

Уроки почали виходити з 7 червня і будуть виходити до кінця серпня, я в доступі по навчанню буду до 7 червня 2027. Можна приєднатися коли зручно, але краще не відтягувати, бо як раз зараз колеги працюють + можна одразу все в роботу собі брати

Що вважається успішним фіналом для отримання сертифікату?

Для сертифікату має бути обовʼязково готова 1 tiny app, але за час навчання їх можна створити точно більше. Все інше вже не є обовʼязковим для сертифікату, але є обовʼязковим для розвитку і роботи, інакше ж навіщо іти на навчання =)

Коли наступний набір?

Його не буде ні у 2026, ні у 2027...

Чи можна вчитися в своєму темпі?

Так так і ще раз так! Ви свідомо обрали підвищувати свої скіли, уроки виходять за розкладом, а ви обираєте темп. Підтримка у питаннях триває протягом 12 місяців, тому у вас достатньо часу, щоб завершити все без паніки.

Чи будемо вивчати Cloude design?

Так, розберемо як його можуть використовувати UX/UI та Product Designers, а ви вже прийматимете рішення чи дійсно він потрібен наразі конкретно у вашій роботі.

Чи потрібні додаткові підписки?

Школа - офіційний партнер Figma у навчаннях, тому на 12 місяців надається доступ до Figma Education і щомісяця нараховуються 3000AI Credits. Щодо інших сервісів - для старту вам достатньо безкоштовних версій, та коли відчуєте, що тепер цей сервіс ваш постіийний партнер, можете обрати платну підписку.

як відбувається перевірка дз чи фідбек?

Тут ми зібралися не вивчати візуал чи логіку (це вже ваша набута база), але авжеж у вас можуть і будуть виникати питання, які ми можемо розбирати як на сумісних Q&A зідзвонах, так і в нашому просторі протягом 12 міс.

чи будемо створювати готові продукти?

Так, будемо створювати свої Tiny Apps та вайбкод інтерфейси, які ви зможете подавати на участь у внутрішніх хакатонах і в разі перемоги отримувати частину коштів за навчання на свій рахунок. Також це стане дуже сильним доповнення ваших портфоліо.

Чи будуть ще куратори на навчанні?

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

Чи можна сплачувати частинами?

Так, на сайті є можливість обрати оплату частинами від банків під 0% до 12 місяців.