подія минула
Онлайн-воркшоп

Просунуті анімації для інтерфейсів у Figma

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

Що буде на воркшопі

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

Ви опануєте розробку просунутих анімацій у Figma, використовуючи змінні та ШІ-графіку. Зокрема — навчитеся застосовувати їх у вебрішеннях та покращувати користувацький досвід.
Мова викладання: українська
Час на проходження: 4 години
Спілкування з куратором
Q&A-сесія
Практика та розбір роботи
Просунутий рівень матеріалу
Запис воркшопу
Шаблони для анімації у Figma

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

UX/UI-дизайнерам рівня Middle+

Які хочуть вивести свої інтерфейси на новий рівень.

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

Які хочуть створювати виразніший дизайн завдяки анімаціям.

UX/UI-дизайнерам рівня Junior+

Які хочуть увести в роботу більш просунуті інструменти Figma

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

Графік події є орієнтовним, і може змінюватись під час проведення події.
11:00
Вступ та знайомство
11:15
Основи анімації у Figma.
Принципи реалістичної анімації: Easing, Custom Bezier, Staggered Animation. Автоматизація переходів між станами компонентів.
12:00
Інструменти для швидкої генерації графіки та їхня анімація.
Робота з мікроанімаціями: рух, зміна розміру, прозорість. Креативна анімація в e-commerce.
12:45
Практичне завдання №1
Налаштовуємо анімацію ховеру для взаємодії в UI

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

Навчитеся робити дизайн «живим»

Навчитеся створювати плавні переходи, що роблять дизайн більш привабливим.

Зможете покращувати UX завдяки анімаціям

Зрозумієте, як анімація впливає на UX, конверсію та залученість у e-commerce проєктах.

Перейдете від базової анімації до складних рішень

Навчитеся використовувати Smart Animate у складних сценаріях для створення професійних анімацій.

Навчитеся адаптувати анімацію для різних проєктів

Дізнаєтеся, які типи анімацій потрібні у вебдизайні і як їх правильно реалізовувати у Figma.

Отримаєте готові шаблони для анімації у Figma

Подолаєте невпевненість у створенні складних анімацій у Figma завдяки готовим рішенням.

Додасте в свій портфель навичок інтерактивний дизайн

Отримаєте практичний досвід у створенні анімаційних взаємодій та переходів між екранами.

Хто викладає

Віталій Дячук

Віталій Дячук

Провідний дизайнер ікомерс-проєктів у League Design Agency

Віталій — досвідчений дизайнер з понад 8 роками досвіду у комерційному дизайні та один з улюблених викладачів спільноти Креативної Практики.

В його портфоліо проєкти для українських та міжнародних компаній, таких як Luxoft, iHerb, Vogue, Taryan Towers та британський необанк Harbour.

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

До портфоліо

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

1
Зареєструйтеся на воркшоп
2
Долучіться до чату воркшопу
3
Отримайте посилання на Zoom-зустріч
4
Приєднайтеся до події та переконайтеся, що камера увімкнена
5
Виконайте домашнє завдання
6
Завантажте вашу роботу на платформу
7
Отримайте від лектора рецензію на свою роботу

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

На жаль, ні. Програма воркшопу розрахована на фахівців, які мають впевнені знання Figma. Зокрема мають хоча б базове розуміння роботи зі змінними та анімацією в редакторі.

Спільнота
Про нас