Как добавить анимацию позиционирования на старте в фигму?

Question

У меня есть прямоугольник на фигма, и я хочу дать ему анимацию позиционирования сверху вниз при запуске страницы. (без щелчка и зависания) Как это возможно?

Answer 1

На данный момент лучший способ анимации в Figma - это использование комбинации Smart Animate и After Delay между двумя кадрами.

Анимация при запуске

Мы собираемся создать начальный и конечный кадры. Затем оживите между ними.

1. Создайте начальную рамку с прямоугольником в его начальном положении.
2. Переименуйте слой с прямоугольником во что-нибудь уникальное. Это гарантирует, что слой не будет пропущен с помощью функции Smart Animate, если в кадре будет больше слоев.
3. Дублируйте свою рамку CMD+D и поместите свой прямоугольник в его конечное положение (убедитесь, что Figma не переименовала ваш прямоугольник)
4. Нажмите Prototype в правом верхнем углу панели.
5. Выберите начальный кадр и щелкните значок None раскрывающийся список и выберите After Delay
6. Щелкните значок None раскрывающийся список и выберите Navigate To из списка
7. В раскрывающемся списке справа выберите конечный кадр из списка.
8. В разделе Анимация щелкните раскрывающийся список и выберите Smart Animate
9. Снимите выделение с кадра и убедитесь, что "Начальный кадр" установлен на ваш первый кадр.
10. Наконец, нажмите кнопку воспроизведения в правом верхнем углу и наблюдайте за волшебством!

Надеюсь это поможет!

А вот скриншот сетапа.

Надеюсь, это то, что вам нужно!