calendar 15 серпня, 11:00
Онлайн-воркшоп

Як створювати компоненти в Figma за допомогою ШІ

Разом з Олегом Кравцем ви підключите Claude Code до Figma через MCP-сервер і створите компоненти за допомогою промптів. Навчитеся точніше формулювати запити, заощаджувати токени та збирати готові екрани на основі дизайн-системи.
гортайте, щоб дізнатись більше

Воркшоп, після якого правки займають хвилини замість годин

Коли компоненти мають чітку структуру, правки займають менше часу, а проєкт залишається цілісним. На воркшопі ви навчитеся генерувати елементи за описом до ШІ та перетворювати їх на гнучкі компоненти у Figma. Це допоможе працювати швидше й зберігати контроль над якістю результату.
Мова викладання: українська
Час на проходження: 4 години
Цікавий майстерклас
Сесія питань та відповідей
Доступ до запису воркшопу
Розбір ШІ в роботі з компонентами
Рецензія ваших напрацювань
Сертифікат після виконання завдань

Кому стане в пригоді

UX/UI-дизайнерам
Дизайнерам інтерфейсів
Вебдизайнерам
Графічним дизайнерам
Продуктовим дизайнерам
Артдиректорам
Креативним директорам
Менеджерам проєктів

Від підключення Claude Code до створення бібліотеки Figma-компонентів і готових дизайн-макетів

Учасники минулого потоку пройшли повний процес генерації дизайну за допомогою Claude: підключили його до Figma, створили компоненти й токени, опублікували бібліотеку та використали її для складання дизайн-макетів.

Хто викладає

Олег Кравець

Олег Кравець

Head of Design

UX/UI-дизайнер із глибокою експертизою у проєктуванні складних цифрових систем — від CRM до внутрішніх адміністративних платформ.

Має 7+ років досвіду. Працював із американськими стартапами у сферах транспорту, фінансів, нерухомості та будівництва. Створював мобільні застосунки, веб-портали, десктопні рішення та понад 200 UI-екранів у межах digital transformation для великого авто-дилера у США. Має досвід побудови дизайн-систем, створення CJM, user-flow та складної логіки інтерфейсів.

До портфоліо

Програма воркшопу

За 4 години ми побудуємо систему компонентів у Figma за допомогою ШІ — незалежно від того, чи маєте ви кілька екранів без компонентів, готову дизайн-систему або починаєте з чистого аркуша.
Графік події є орієнтовним, і може змінюватись під час проведення події.
11:00
Вступ та знайомство
Познайомимось, поговоримо про формат і тему воркшопу.
11:10
Як ШІ впливає на роботу дизайнера
Розберемо, як ШІ вже використовується в UX/UI та продуктовому дизайні. Поговоримо, як працювати з інструментами так, щоб вони стали помічниками у роботі, а не додатковою складністю.
11:50
ШІ-інструменти в роботі з інтерфейсами
Оглянемо актуальні інструменти та їх можливості. Покажемо, як використовувати Claude для роботи з компонентами, текстами й структурою макетів.
12:30
Перерва

Відгуки студентів воркшопу

Після цього воркшопу ви

Зможете підключити Claude Code до Figma

та налаштуєте зв’язок через MCP-сервер і конектор для роботи з макетами.

Навчитеся писати ефективні запити до ШІ

і ділити завдання на послідовні кроки, щоб заощаджувати токени.

Опануєте створення гнучких компонентів

і налаштуєте Auto Layout, варіанти та поведінку елементів під час зміни контенту.

Створите набір навичок Claude для роботи з UI

та налаштуєте інструкції відповідно до правил вашого проєкту.

Опублікуєте бібліотеку прямо у Figma

і перевірите її на практиці, зібравши готові інтерфейсні екрани.

Підвищите швидкість і впевненість у роботі

правки стануть керованими, а результат — передбачуваним.

Відповіді на деякі важливі запитання

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

Спільнота
Відеотека
Про нас