Как создать анимацию при скролле в Figma // Смарт анимация // Прототип в Figma

• Анимация страницы лендинга по скроллу.  

• Контент лендинга структурирован по блокам.  

• Создание копии лендинга для работы.  

• Вынос контента за пределы фрейма.  

• Объединение контента в группы для выравнивания.  

• Создание фреймов для анимации.  

• Объединение иконок и цифр в одну группу.  

• Выравнивание контента внутри фреймов.  

• Создание фреймов по ширине страницы.  

• Разгруппировка контента с помощью клавиш Ctrl+Shift+G.  

• Выравнивание контента внутри фреймов.  

• Создание фреймов с запасом по ширине и высоте.  

• Обертывание блоков во фреймы.  

• Выравнивание контента внутри фреймов.  

• Создание статичных блоков.  

• Создание наборов компонентов для анимации.  

• Настройка переходов между состояниями блоков.  

• Создание вспомогательного фрейма для выравнивания контента.  

• Создание переходов между экранами.  

• Настройка задержек и смарт-анимации.  

• Проверка работы анимации.  

• Создание нового стартового экрана.  

• Проверка работы анимации с задержкой.  

• Настройка плавности анимации.  

• Подведение итогов работы.  

• Призыв задавать вопросы и подписываться на телеграм-канал.