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

Question

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

Answer 1

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

开运行动画

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

1. 创建您的起始帧，将您的矩形放在起始位置。
2. 将矩形图层重命名为唯一的名称。这确保了如果帧因更多层而变得更加繁忙时，Smart Animate 功能不会遗漏该层。
3. 复制你的框架 CMD+D 并将你的矩形定位到它的结束位置（检查 Figma 是否没有重命名你的矩形）
4. 点击面板右上角的Prototype。
5. Select 您的起始帧 & 单击 None 下拉菜单 & select After Delay
6. 单击 None 下拉菜单并从列表中单击 select Navigate To
7. 在下拉列表中显示在右侧，select 列表中的结束帧
8. 在“动画”下，单击下拉菜单并 select Smart Animate
9. Deselect您的帧并确保“起始帧”设置为您的第一帧。
10. 最后，点击右上角的播放，观看魔术！

希望对您有所帮助！

这是设置的屏幕截图。

希望这就是您想要的！