14 червня, 11:00

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

Дизайн-системи у Figma з нуля

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

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

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

Це воркшоп, що дає фундаментальні знання для створення своєї першої або якісної командної дизайн-системи.

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

Тривалість воркшопу: 4 години

Спілкування з кураторомм

Детальний розбір теми

Бриф для самостійної роботи

Розбір роботи куратором

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

Запис воркшопу

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

Дизайнерам інтерфейсів

Вебдизайнерам

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

Фрилансерам

Тімлідам

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

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

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

11:00

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

11:15

Що таке дизайн-системи та кому вони необхідні. UI Kit vs. Design System.

12:00

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

12:30

Практика. Створення набору компонент та підключення дизайн-системи у директорію проєкту.

13:00

Перерва

13:15

Структурна організація дизайн систем. Документація. Контроль версій.

14:00

Практика. Створення структури дизайн системи та документації для неї.

14:45

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

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

Зрозумієте суть дизайн-систем.

Навіщо вони потрібні, і як працюють

Навчитесь працювати з атомарним дизайном.

Компоненти, що створюють структуру

Побудуєте бібліотеку стилів.

Для кольорів, текстів, сіток та ефектів

Опануєте структуру компонентів.

Primary, secondary, variations і стани

Зрозумієте логіку оновлення.

Як змінювати свою систему без хаосу

Почнете створювати власну систему.

З урахуванням потреб вашого проєкту

Хто викладає

Олег Кравець

Олег Кравець

Head of Design

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

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

До портфоліо

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

1

Зареєструйтеся на воркшоп

2

Долучіться до чату воркшопу в Telegram

3

Отримайте в чаті або на платформі посилання на Zoom-зустріч напередодні події

4

Приєднайтеся до події та переконайтеся, що камера увімкнена

5

Виконайте домашнє завдання та завантажте його на платформу

6

Отримайте від лектора рецензію на свою роботу

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

Ні. Його необхідно придбати окремо.

Так. Усі, хто придбає доступ до початку воркшопу, автоматично отримають запис.

Так, якщо ви вже вмієте працювати з компонентами й авторозмітками у Figma.

Так. Ви отримаєте бриф на домашнє завдання, а куратор надасть розбір.