如何在figma中的onstart上添加定位动画？

Question

我在figma中有一个矩形，我想在开始页面时从上到下为其提供一个定位动画。 （无需单击或悬停）怎么可能？

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. 最后，点击右上角的播放并观看魔术！

希望这会有所帮助！

这里是我文件的链接：https://www.figma.com/file/bhsd4kdyeR5pTMPfrA9cbA/Stack-Overflow-Animate-Position?node-id=0%3A1

这是设置的屏幕截图。

希望这就是您所追求的！