Как сделать анимацию сайта в Figma?

В Figma анимацию делают через Smart Animate: создаёте два одинаковых фрейма с разным состоянием элемента (например, меню закрыто и меню открыто), соединяете их стрелкой-переходом в режиме прототипирования и выбираете Smart Animate вместо простого перехода - Figma сама плавно анимирует изменения позиции, размера и прозрачности между кадрами.

Для интерфейсных элементов вроде выпадающих списков или переключателей удобнее Interactive Components - компонент сам помнит состояния (открыт, закрыт, наведение, нажатие) и переключается по клику без ручной сборки лишних фреймов. Для карточек, которые выезжают на экран, задайте направление и easing (плавность разгона и торможения) во вкладке Prototype справа.

Держите в голове важную вещь: то, что вы соберёте в Figma, работает только внутри самой Figma или в презентационном режиме для показа заказчику. Это не код и не готовая анимация сайта - когда макет утверждён, разработчик пересобирает поведение заново на CSS-переходах или JavaScript, ориентируясь на прототип как на референс, а не копируя его напрямую.

Если анимация сложная - параллакс, покадровая последовательность, что-то завязанное на скролл, в Figma её показать сложно или невозможно. Для таких случаев лучше сразу обсудить идею с разработчиком словами или референсом с другого сайта, а не пытаться собрать точную копию в прототипе.