18 жовтня 2025 р., 11:00

Онлайн-воркшоп

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

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

гортайте, щоб дізнатись більше

Воркшоп, який заощадить вам години роботи у Figma

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

Мова викладання: українська

Тривалість: 3 години

Практика з компонентами у Figma

Сесія запитань і відповідей

Доступ до запису після події

Робочі інструменти та прийоми

Персональні рекомендації

Сертифікат про завершення

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

Графічним дизайнерам

Артдиректорам

UX/UI-дизайнерам

Менеджерам проєктів

Продуктовим дизайнерам

Продуктовим менеджерам

Хто викладає

Анастасія Мусієнко

Lead Product Designer, співзасновниця Revend Group

Анастасія працювала у продуктових командах ProImprover (США) та компаніях в Україні й ЄС. Спеціалізується на дизайн-системах — від токенів і бібліотек компонентів до гайдлайнів та процесів.

Має досвід у проєктах для нерухомості, доставки та e-commerce. Створювала корпоративні сайти, інтернет-магазини, CRM та SaaS-продукти.

Активно займається менторингом дизайнерів: налаштовує командні процеси, проводить дизайн-рев’ю, розробляє програми наставництва. Побудувала з нуля дизайн-систему для Revend Group, яка уніфікувала інтерфейси та пришвидшила релізи.

Компоненти — основа роботи у Figma

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

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

Графік події є орієнтовним, і може змінюватись під час проведення події.

11:00

Вступ. Теорія та знайомство з кейсами

Анастасія пояснить, що таке properties, states і variants, — простими словами, без зайвої термінології. Також ви познайомитесь із двома кейсами, які допоможуть розібрати тему.

11:30

Лекція та практика: Проєктування компонентів для першого кейсу

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

12:30

Лекція та поглиблена практика: Варіативні компоненти для другого кейсу

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

13:30

Застосування та інтеграція компонентів

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

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

Навчитесь проєктувати компоненти з властивостями, станами та варіантами

Зробите інтерфейси гнучкими, адаптивними й готовими до різних сценаріїв.

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

Зможете значно прискорювати роботу та легко повторно використовувати готові елементи.

Забезпечите візуальну консистентність проєктів

Ваш дизайн виглядатиме єдиним і цілісним, незалежно від кількості екранів.

Налагодите співпрацю з розробниками

Використовуватимете спільну мову й уникатимете непорозумінь у роботі над продуктом.

Заберете готовий файл із компонентами

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

Отримаєте практику у Figma

На прикладах реальних інтерфейсів навчитесь будувати компоненти впевнено та ефективно.

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

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

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

Так. Навіть якщо ви тільки починаєте знайомитись із Figma, воркшоп стане хорошим стартом: ми почнемо з основ і поступово перейдемо до складніших прийомів. Якщо ж ви вже маєте досвід — отримаєте нові інструменти та методи, щоб працювати швидше й впевненіше.

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

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

Все дуже просто: доступ до інтернету, комп’ютер із Figma та бажання навчатися. Решту — кейси, завдання й матеріали — ми підготуємо для вас.