calendar 25 жовтня, 11:00
Онлайн-воркшоп

Атомарний дизайн у Figma: створення гнучких компонентів

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

Що ви отримаєте на воркшопі

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

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

Дизайнерам інтерфейсів
Продуктовим дизайнерам
Вебдизайнерам

Хто викладає

Валерія Марусетченко

Валерія Марусетченко

UX/UI дизайнер в DataArt

Валерія — UX/UI дизайнерка в DataArt із понад 8-річним досвідом. Працювала у сферах fintech, e-commerce, travel & hospitality, media та інших, співпрацюючи з клієнтами з Великої Британії, Європи та США.

Спеціалізується на веб- і мобільних продуктах, розробці UX-стратегії з балансом між потребами користувачів і бізнес-цілями. Зосереджується на масштабованості рішень, атомарному дизайні, дизайн-системах та співпраці з кросфункціональними командами.

У портфоліо — мобільний застосунок Groshee, сервіс безпеки транспортних засобів Pazi та проєкти з компанією у сфері музичних роялті. Також консультує й менторить дизайнерів, створює освітній контент на YouTube та співпрацює з лідерами UX-навчання

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

Графік події є орієнтовним, і може змінюватись під час проведення події.
11:00
Вступ та знайомство з атомарним дизайном
Валерія почне з пояснення базових принципів атомарного дизайну та покаже, як він допомагає наводити лад у складних інтерфейсах. Ви побачите, чому цей підхід стає фундаментом для створення зрозумілих і масштабованих дизайн-систем.
11:10
Блок 1. Магія стилів та токенів
Валерія покаже, як працювати з локальними стилями та дизайн-токенами у Figma. Ви навчитеся централізовано керувати кольорами, шрифтами й іншими візуальними властивостями, щоб швидко підтримувати єдиний стиль і скорочувати час на правки.
11:40
Блок 2. Будуємо «атоми» та «молекули» — основу вашої дизайн-системи
Час переходити до практики! Ви створите базові елементи — кнопки, іконки, заголовки та інші ключові складові інтерфейсу — як гнучкі компоненти. Валерія пояснить, як працювати з властивостями та варіантами (variants), щоб ваші «атоми» легко масштабувалися та стали основою майбутньої дизайн-системи.
12:40
Перерва

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

Зрозумієте принципи атомарного дизайну

Навчитеся розкладати інтерфейси на логічні та масштабовані компоненти.

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

Опануєте використання властивостей (properties) та варіантів (variants).

Значно прискорите свою роботу у Figma

Позбудетесь рутини та зможете більше зосереджуватись на творчих рішеннях.

Опануєте налаштування авторозмітки

Будуватимете динамічні макети, які автоматично адаптуються під зміни контенту.

Зможете створювати власні дизайн-системи

Підтримуватимете порядок і консистентність у будь-яких проєктах.

Використовуватимете стилі та дизайн-токени

Ефективно управлятимете візуальною ієрархією в макетах.

Поширені запитання

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

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