calendar 31 серпня о 10:00
Онлайн-воркшоп

Автоматизуємо роботу у Figma завдяки токенам та змінним

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

Що таке змінні та дизайн-токени?

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

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

10:0010:15

Вступ та знайомство

10:1510:30

Дизайн-системи, інтерфейсні комплекти та зміст

10:3011:30

Змінні у Figma
(Variables)

Сфери застосування змінних. Різниця змінних та стилів. Типи змінних. Як створити змінну
11:3011:45

Перерва

11:4512:45

Токени (Tokens)

Групування змінних. Обмеження видимості.
12:4513:15

Контексти (Contexts) у дизайн-макетах

Створення контекстів. Наслідування контекстів.
13:1513:45

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

Різниця змінних та стилів. Посилання стилів до змінних. Приклади використання змінних. Плагін «стилі»
у змінних.
13:4514:00

Відповіді на запитання

Q&A-сесія за результатами та програмою воркшопу.

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

На воркшопі ви на практиці розберетеся зі змінними, стилями і дизайн-токенами, а також навчитеся правильно застосовувати їх у роботі.
Мова викладання: українська
Час на проходження: 1 день
Індивідуальний розбір роботи
Приклади дизайн-макетів з токенами
Спілкування з куратором
Онлайн-зустріч з Q&A
Запис воркшопу
Закритий чат групи

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

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

Після воркшопу ви підвищите свою ефективність у Figma, а також зможете:

Заощадити більше часу та робочих ресурсів

Опанувавши змінні та токени, ви зможете вносити правки в дизайн за лічені секунди

Створювати системний дизайн

Змінні забезпечать консистентність використання кольорів, розмірів шрифтів, відступів тощо у всьому проєкті

Автоматизувати дизайн-процес

Ви навчитесь створювати автоматизовані макети, що за секунду змінюють колір теми, розміри пристроїв, мову текстів тощо

Легше керувати масштабними дизайн-проєктами

З токенами ви зможете керувати великими проєктами, зберігаючи при цьому чітку структуру та послідовність

Покращити взаємодію з відділом розробки

Почнете заощаджувати час і зберігати спокій під час взаємодії з розробником при передачі та реалізації дизайнів

Вивести роботу у Figma на просунутий рівень

Завдяки змінним та токенам ви зможете створювати більш послідовні та гнучкі дизайни у Figma

Хто викладає

Євген Ігнатюк

Євген Ігнатюк

Викладач воркшопу, провідний дизайнер CASES та Креативної Практики

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

В команді CASES Євген є лідером дизайн-команди, що створює курси Креативної Практики, і добре вміє допомагати початківцям розбиратись з посадковими сторінками.

Євген є автором курсів «Авторозмітки у Figma» та «Дизайн-системи у Figma», а також викладачем просунутих курсів з UX/UI-дизайну в Креативній Практиці.

Як взяти участь у воркшопі

Кілька простих кроків для успішної участі у воркшопі. Радимо обов’язково виконати домашнє завдання та отримати персональну рецензію від куратора!
1
Зареєструйтеся на воркшоп
2
Долучіться до чату Креативної Практики в Slack
3
Дочекайтесь поки менеджери додадуть вас до чату воркшопу
4
Отримайте в чат посилання на зустріч в Zoom напередодні події
5
Підключіться на подію та перевірте увімкнену камеру
6
Зробіть домашнє завдання та завантажте його на платформу
7
Отримайте рецензію роботи від лектора

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

На цьому воркшопі ми працюватимемо з просунутими інструментами у Figma. Тож учасники мають вільно володіти редактором, а також вміти працювати з компонентами та авторозмітками. Базові курси по Figma ви можете пройти тут.

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