Figma怎么做悬浮交互动画 如何快速绘制悬浮交互延迟动画

交互动画相信很多学习交互设计的小伙伴们都很熟悉，在很多场景中我们都可以用到这样的效果来为我们的设计增加色彩。今天小编为大家带来的就是，Figma怎么做悬浮交互动画的思路和方法，赶快和小编一起来看看学习起来吧！

1.首先第一步，新建一个画板，然后我们根据自己的想法快速绘制一个网页首屏。

2.第二步，绘制矩形方块，大小我们自己来定义，然后填充一些修饰的元素，做好之后我们把画面中所有的元素全部选中。

3.接下来，我们frame打组，接着复制一份，全部把它们选中。然后创建组件，这里需要记得将第二个方块透明度改为0，以便后面我们的操作设计。

4.然后我们添加一个交互动画，动作while hovering，动画智能动画，速率我们选择slow，然后时长选项这里建议是长一点，再点击确定。

5.接下来，我们在画板区域将矩形组件复制多个，搭配我们的快捷键command+d一起使用，这里小编建议大家选择Autolayout，这一个步骤可能会需要一点时间哦，我们要保持耐心，然后要依次将他们排列好就完成啦。

6.最后，我们看一下效果演示一下，就完成啦。

以上就是小编为大家带来的，关于Figma怎么做悬浮交互动画的方法，希望对你们有所帮助哦！