这是来自 Figma 官方的 Smart Animate 教程。

本视频中使用的文件:http://bit.ly/356nMRx

时间戳:

  • 0:12 设计文件 http://bit.ly/356nMRx 概览
  • 0:44 第 1 部分:智能动画匹配图层(使用智能动画与其他过渡)
  • 2:28 第 2 部分:接收到新邮件的动画
  • 3:58 在原型模式中突出显示匹配图层(对故障排除有用)
  • 4:37 批量重命名(MacOS:Cmd+ R;Ctrl + R)
  • 5:14 第 3 部分:拖动触发与智能动画
  • 8:00 最终演示
  • 8:13 再次概览设计文件 http://bit.ly/356nMRx

更多链接: