calendar 28 березня, 11:00
Онлайн-воркшоп

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

Разом з Ігорем Наконечним навчіться проєктувати дизайн-систему з нуля: вибудовувати чітку архітектуру, формувати правила та закладати механіку масштабування під потреби реального продукту.
1 750
Єдиноразовий платіж, з ПДВ
гортайте, щоб дізнатись більше

Практичний воркшоп про створення дизайн-системи у Figma

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

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

Продуктовим дизайнерам
UX/UI-дизайнерам
Лідерам дизайн-команд

Хто викладає

Ігор Наконечний

Ігор Наконечний

Chief of Design в àbank

Понад 15 років досвіду в дизайні. Пройшов шлях від графічного та веб-дизайнера до UI/UX-лідера з фокусом на продуктовий дизайн і командну роботу. Зараз обіймає позицію шеф-дизайнера в àbank — відповідає за візуальну стратегію банку, мобільний застосунок та розвиток дизайн-системи. àbank24 має понад 3 млн активних користувачів щодня та здобув перше місце FinAwards 2025, випередивши ПриватБанк, Моно і ПУМБ.

Працював у BuzzTV (Канада) та Digital Print Group (Німеччина), де керував міжнародними командами та вибудовував дизайн-процеси. Має досвід зі створення веб-платформ, CRM, ТВ-інтерфейсів, AR-продуктів та брендингу. Спеціалізується на дизайн-системах, архітектурі інтерфейсів, мікроанімації та роботі з даними.

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

За 4 години ми пройдемо шлях від розуміння ролі дизайн-системи до побудови її архітектури у Figma.
Графік події є орієнтовним, і може змінюватись під час проведення події.
11:00
Вступ та знайомство
Познайомимось й окреслимо цілі воркшопу та формат роботи.
11:10
Дизайн-система в продуктовому контексті
Визначимо, на якому етапі дизайн-система стає необхідною, та порівняємо її з UI Kit (набором елементів інтерфейсу).
11:35
Цінність дизайн-системи для продукту
Поговоримо про вплив на швидкість розробки, консистентність, якість та керованість змін.
11:45
Складові дизайн-системи
Розберемо принципи, токени, стилі, компоненти, патерни та документацію. Визначимо рівні системи і їхню глибину залежно від типу та масштабу продукту.

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

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

та розберете, які проблеми вона має вирішувати у вашому продукті.

Зможете аргументувати цінність команді

та дізнаєтесь про вплив системи на швидкість роботи, якість рішень і керованість змін.

Сформуєте базову архітектуру системи

Та розділите її на рівні: принципи, токени, стилі, компоненти та патерни.

Побудуєте структуру токенів

і визначите логіку кольорів, типографіки, відступів, радіусів та їхню ієрархію.

Створите базову документацію

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

Пропрацюєте назви та структуру бібліотеки

щоб команда могла зручно використовувати її в щоденній роботі.

calendar 28 березня, 11:00
Онлайн-воркшоп

Придбати подію назавжди

1750
Єдиноразовий платіж , з ПДВ
  • Повний доступ до цієї події назавжди
  • Рецензії домашніх робіт
  • Доступ до всіх оновлень цієї події
  • Сертифікат про проходження події українською та англійською
  • Служба підтримки

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

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

Як створити дизайн-систему з нуля
Курс Креативної Практики
1750 грн
Події
Спільнота
Відеотека
Про нас