В данном видео рассматриваем как создавать простейшую анимацию блоков с привязкой к разным событиям или таймеру. Создаем интерактивные компоненты, которые меняют внешний вид при взаимодействии с мышью. Готовим презентацию дизайна сайта на основе нескольких макетов страниц с переключением страниц, слайдером. Знакомимся с прототипированием в фигма: Стартовые кадры презентации, интерактивности.

#figma #figmaanimation #figmaprototype

Уроки по Figma:
Часть 1 - Основы работы - https://youtu.be/tRG_JqchztE
Часть 2 - Выравнивание блоков, секции, слайсы, маски - https://youtu.be/aDR0TaL2nAI
Часть 3 - Стили и Переменные - https://youtu.be/UgtjM5vOKaw
Часть 4 - Компоненты, Плагины, UI Kits - https://youtu.be/G3as7zQx4kU

Содержание - Часть 5:
00:00 - Введение
01:10 - Подготовка графических материалов для HTML макета
09:45 - Создание презентации с переключением страниц
19:32 - Создание интерактивной анимации на основе Компонента с состояниями
33:18 - Создание компонента слайдера с FadeIn анимацией смены слайдов