маєте бібліотеку з дублікатами й hardcoded values і хочете довести токени до єдиного стандарту
Навчитеся проводити AI-аудит бібліотеки, знаходити дублікати й розсинхронізовані токени та доводити компоненти до робочого, задокументованого стану.
працюєте UI/UX або Product-дизайнером і хочете вирости до Design System-дизайнера
Розберетеся з архітектурою токенів, принципами компонентних систем та базовою governance — і отримаєте конкретний кейс для переходу на системний рівень роботи.
керуєте командою і хочете впровадити AI в дизайн-процеси без ризику для якості
Зрозумієте, які задачі дизайн-системи AI може взяти на себе — генерація, аудит, документація, — та отримаєте план поступового впровадження AI-підходу в команді.
здаєте макети розробникам і щоразу пояснюєте кольори та відступи через відсутність токенів
Розберетеся у 3-рівневій моделі токенів, навчитеся писати структуровані промпти для Claude і побачите, як імена токенів мапляться в код через Figma variables.
з напрямом
- AI в дизайн-системах: де допомагає (генерація, трансформація, документація), а де потрібне дизайнерське рішення
- спільний глосарій: LLM, prompt, context window, MCP, AI token vs design token
- архітектура токенів: 3-рівнева модель global / semantic / component
- naming conventions і формат W3C Design Tokens
- modes як окремий вимір: light/dark, brand/region
- структуровані промпти для задач дизайн-системи: роль, контекст, обмеження, формат, приклад
- різниця між розмитим і структурованим промптом на прикладах
- AI-контекст проєкту: файл CLAUDE.md
- звʼязка Figma variables з кодовим синтаксисом
- практика: додавання нової global-палітри в token-систему Starbucks через Claude
- валідація нових токенів у Tokens Studio
- принципи компонентних систем: atomic design на практиці
- модульність, композиція, варіанти, стани, responsive-поведінка
- анти-паттерни бібліотек: відʼєднані інстанси, over-nesting, hardcoded values
- дублікати компонентів з різними назвами: як розпізнавати і уникати
- генерація компонентної специфікації через Claude: варіанти, стани, props, token usage
- збірка компонента Button у Figma з усіма інтерактивними станами
- порівняння результатів AI між учасниками — вплив формулювання промпту на результат
- рефакторинг компонентної родини: консолідація дублікатів
- реприв'язка відʼєднаних інстансів і підключення токенів
- генерація документації TOKENS.md через AI на основі власної системи токенів
- генерація документації COMPONENT.md: варіанти, стани, token usage, do/don't приклади
- практичний audit framework: token consistency, component coverage
- перевірка drift, doc accuracy, naming consistency
- AI-асистований аудит: чеклисти, doc gaps, cross-referencing дизайну і коду
- аудит реальної бібліотеки через Claude і складання fix-листа виправлення токенів і валідація у Tokens Studio
- оновлення компонентів: підключення токенів, заповнення відсутніх станів
- оновлення TOKENS.md і COMPONENT.md відповідно до змін
- повторний аудит-прохід для перевірки, що фікси спрацювали
- основи governance: ownership, версіонування токенів і компонентів
- синхронізація документації із реальною системою
куратори
вони будуть поруч
Португальська продакт-дизайнерка, яка захоплюється DesignOps і зараз фокусується на ШІ, дизайн-системах та покращенні співпраці між командами.
Окрім основної роботи, викладає онлайн і активно підтримує дизайн-спільноту через Friends of Figma та Into Design Systems у Португалії. Вона прагне зробити дизайн ефективнішим у організаціях, допомагаючи командам дизайну, розробки та бізнесу краще працювати разом.
Її також цікавить ШІ та те, як він може покращити робочі процеси й дизайн-системи, роблячи їх ефективнішими, масштабованішими та впливовішими.
вартість навчання
та варіанти оплати
6 платежів
3 платежі
за весь курс
*Згідно з результатами дослідження Projector.
У дослідженні взяли участь 567 респондентів
серед випускників курсів 2022 року.
маєте запитання?
підготували відповіді
- чи це курс для початківців у дизайні?
- чи потрібен досвід роботи з design-системами?
- чи AI виконуватиме дизайнерську роботу за мене?
- які інструменти використовуються на курсіі, і що потрібно буде встановити до початку?
- чому за основу взято Starbucks?
реєстрація.
перший крок за вами
Хочете спитати ще щось? Пишіть на hello@prjctr.com або телефонуйте за номером +38 067 418-95-78.
Освітні послуги надаються шляхом доступу до публічних освітніх ресурсів у мережі Інтернет, у тому числі до віртуальних класів та освітньої платформи. Курс належить до послуг з навчання комп'ютерній грамоті у розумінні п. 197.1.33 ПКУ.
перший крок за вами