Figma教程14-拖动智能动画匹配图层

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作

Figma教程14-拖动智能动画匹配图层

这期的重点是需要勾选智能动画匹配图层


制作素材

绘制画框,填充图片。

制作好文字素材,将所有素材一起放入默认画框中。

添加自动布局

复制画框缩小顶部图片内容的高度,并调整文字的显示区域

Figma教程14-拖动智能动画匹配图层

制作交互

切换到原型面板,链接1-2画框,选择

拖动-移入-向上-缓动-1200ms

勾选智能动画匹配图层

拖动智能动画匹配图层

同样制作2-1的交互,选择

拖动-移入-向下-缓动-1200ms

勾选智能动画匹配图层

拖动智能动画匹配图层

这样就制作好了

如果没有勾选智能动画匹配图层是达不到效果的。

点击上方前往查看→查看视频教程


源文件地址:

https://www.figma.com/community/file/1164149007435499410

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速、安全、高效、私密的UI设计团队云协作
立即部署>>
标记狮私有云部署-一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作