两个在 Figma 原型中使用 Gif 的例子

去年早些时候,Figma 添加了在 Prototype 模式中播放 Gif 的功能。有了 Gif 的加持,我们可以让 Figma 原型变得更加生动。有两个场景是我目前使用最多的:


例子1: 加载动画

原型中很适合使用 Gif 作为加载、空状态等动画:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2cddb33f-51ca-4ee9-b67a-8dcb62d6db09/figup-loading.gif


例子2: 互动

之前我写过一篇文章:点赞动画和它的延伸。这中类型的原型也可以通过 Gif 表现出来:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/03c6b56d-9266-4ab5-a39e-6d299938c911/figup-interact.gif


参考链接

Gif 的使用场景还有很多,如果感兴趣可以看一下 Figma 在发布 gif 功能时的介绍文章,里边有更多的 使用场景介绍。