Анимация в фигме как?

✓ Сделайте два фрейма с одинаковой структурой слоёв. У движущегося кружка должны совпадать имя и положение в иерархии. ✓ Во втором фрейме переместите кружок в конечную точку. Проще начать с дубликата первого экрана, чтобы сохранить соответствие слоёв. ✓ Откройте вкладку Prototype. Соедините первый экран со вторым и задайте взаимодействие, например On click → Navigate to. ✓ В анимации перехода выберите Smart animate, затем настройте длительность и плавность. ✓ Запустите просмотр прототипа и нажмите на область запуска.

Если вместо движения возникает растворение, сравните имена слоёв и их родителей. Smart animate сопоставляет объекты, поэтому одинаковый вид двух независимо собранных экранов ещё не гарантирует правильное соответствие.

1. Дублируйте исходный фрейм и сдвиньте кружок в копии.
2. Во вкладке Prototype проведите связь от первого фрейма ко второму.
3. Выберите действие Navigate to и анимацию Smart animate.
4. Задайте длительность, например 300 мс.
5. Запустите прототип. Если кружок не перемещается плавно, проверьте совпадение его имени и вложенности на обоих экранах.

Имя кружка во втором экране отличалось, исправил.

После дублирования фрейма движение заработало.

Создайте два состояния с совпадающими именами и иерархией слоёв, соедините их в Prototype и выберите Smart animate. Движение проверяйте в просмотре прототипа.