calendar 30 травня, 11:00
Онлайн-воркшоп

Прототипування у Figma: від макетів до сценаріїв взаємодії

Разом з Ігорем Наконечним ви навчитесь будувати інтерактивні прототипи, які не відрізнити від готового продукту — з умовною логікою, складними сценаріями та керуванням поведінкою елементів через вирази.
гортайте, щоб дізнатись більше

Воркшоп про створення реалістичних прототипів

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

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

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

Хто викладає

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

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

Chief of Design в àbank

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

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

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

За 4 години ми охопимо базову теорію та розглянемо практичні приклади роботи з прототипуванням у Figma.
Графік події є орієнтовним, і може змінюватись під час проведення події.
11:00
Вступ та знайомство
Поговоримо про роль прототипування у сучасному дизайні та про те, як за допомогою Figma перетворювати статичні макети у рухливі інтерфейси.
11:15
Основи прототипування у Figma
Розглянемо навігацію між екранами, переходи (transitions), нашарування (overlays) та побудову простих сценаріїв взаємодії. Поговоримо про те, як створювати прототипи для презентації, тестування та роботи в команді.
12:00
Анімація та мікровзаємодії в інтерфейсах
Розберемо автоанімацію через Smart Animate, плавні переходи та підходи до створення сучасного й динамічного UX. Поговоримо про те, як анімація допомагає зробити інтерфейс зрозумілим для користувача.
13:00
Коротка перерва

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

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

і показувати поведінку інтерфейсу без пояснень.

Опануєте роботу з виразами у складних інтерфейсах

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

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

та використовуватимете їхні можливості повністю.

Побудуєте детальні сценарії взаємодії з реальною логікою

щоб прототип відображав поведінку продукту точно.

Створите прототип, який переконує з першого перегляду

команда і замовник бачитимуть логіку самі.

Вийдете за межі базового прототипування у Figma

та матимете навичку, яка помітна в портфоліо.

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

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

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