user-interface - 如何在figma中添加定位动画onstart？

Question

我在 figma 中有一个矩形，我想在开始页面时给它一个从上到下的定位动画。（不点击或悬停）怎么可能？

Answer 1

目前，在 Figma 中制作动画的最佳方式是在两帧之间使用Smart Animate和After Delay的组合。

运行动画

我们将创建一个开始和结束帧。然后，在它们之间制作动画。

1. 用你的矩形在它的起始位置创建你的起始框架。
2. 将矩形层重命名为独特的名称。这样可以确保在帧变得更繁忙时，智能动画功能不会错过图层。
3. 复制你的框架CMD+D并将你的矩形定位到它的结束位置（检查 Figma 没有重命名你的矩形）
4. 单击Prototype面板右上角的 。
5. 选择您的起始帧并单击None下拉菜单并选择After Delay
6. 单击None下拉列表并Navigate To从列表中选择
7. 在右侧出现的下拉列表中，从列表中选择您的结束帧
8. 在动画下，单击下拉菜单并选择Smart Animate
9. 取消选择您的帧，并确保“起始帧”设置为您的第一帧。
10. 最后，点击右上角的播放，观看魔术！

希望这可以帮助！

这是设置的屏幕截图。

希望这就是你所追求的！