подія минула
Онлайн-воркшоп

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

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

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

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

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

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

Our teachers

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

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

Senior UX/UI-дизайнерка у DataArt

Валерія — Senior UX/UI-дизайнерка у DataArt із понад 10 роками досвіду. Працювала над продуктами у сферах медіа, фінтеху, B2B SaaS, електронної комерції, туризму та гостинності для клієнтів із Великої Британії, Європи та США. Спеціалізується на B2B-продуктах, розробці UX-стратегій із балансом між потребами користувачів і бізнес-цілями. Приділяє особливу увагу масштабованості рішень, атомарному дизайну, дизайн-системі та співпраці з кросфункціональними командами.

У портфоліо: реплатформінг внутрішньої системи медіапродукту, фінансовий застосунок Groshee, сервіс безпеки транспортних засобів Pazi та застосунки для мандрівників. Має 2 роки менторського досвіду, створює освітній контент на YouTube та співпрацює з лідерами UX-навчання.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Community
Videos
About Us