calendar 15 березня | 11:00
Онлайн-воркшоп
1750 ₴

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

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

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

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

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

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

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

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

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

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

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

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

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

11:0011:15

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

11:1512:00

Основи анімації у Figma.

Принципи реалістичної анімації: Easing, Custom Bezier, Staggered Animation. Автоматизація переходів між станами компонентів.
12:0012:45

Інструменти для швидкої генерації графіки та їхня анімація.

Робота з мікроанімаціями: рух, зміна розміру, прозорість. Креативна анімація в e-commerce.
12:4513:00

Практичне завдання №1

Налаштовуємо анімацію ховеру для взаємодії в UI
13:0013:15

Перерва

13:1514:00

Робота з плагінами для анімації у Figma.

Застосування плагінів для швидкого створення складних анімацій. Створення переходів між кількома секціями.
14:0015:00

Практичне завдання №2

Створюємо анімовані переходи між кількома скрінами сайту, працюємо з variables.
15:0015:15

Q&A-сесія та фінальні рекомендації учасникам.

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

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

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

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

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

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

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

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

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

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

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

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

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

Our teachers

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

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

E-commerce Lead Designer у League Design Agency

Має за плечима понад 8 років досвіду у дизайні. Працював із локальними та міжнародними компаніями, серед яких Luxoft, iHerb, Vogue, Taryan Towers та британський необанк Harbour. Має глибоку експертизу у створенні e-commerce платформ та маркетплейсів. Захоплюється 3D-дизайном і моушнанімацією, які допомагають робити взаємодію з продуктом виразнішою.

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

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

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

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

Events
Community
Videos
About Us