学会这个Figma新功能，让你的作品集变得Niubility！

作为设计师都希望自己能在关键时刻展示一个niubility的作品集，但如何能与众不同，给人眼前一亮这个问题却令人头疼。

有的铁汁问我应该建一个自己的个人网页么？巴特，ta又不太懂网页开发的代码，而且也不想花银子。

于是我找到了一个niubility的方式：把作品集造到Figma里。

随着我近日的小调研，偶然发现最近Figma新上了一个功能：Figma Link。

https://www.figma.com/proto/nQBlTb72SUA6us2gEq5cCy/Figma-Links-Playground

Figma这个上新功能的方式也是够特别的，借用一个国外友人形容ta的原话是酱婶滴：

他们直接在Figma里面建了个新项目来介绍Figma link以及它的使用有多么niubility（包含小问答游戏），个人觉得用自己的产品介绍产品新功能的这波操作实在是太6了。

看到这里我就突发奇想，为什么没人用Figma当作他们的平台去做一个作品集呢？感觉今日的Figma已经今非昔比了，虽然在大厂的普及率还不高，但比刚出来的时候强大很多。你可以创建原型和互动跳转，你也可以在原型里附带链接，甚至还可以创建矢量图等等，最重要的是它还是免费的，随时可以白piao。

Figma的应用都是对社区开放的，你可以在上面找到一大堆超级有用的插件/设计参考/甚至是一个niubility的设计系统。所以也许它不单可以承载作品集，也许还可以当作述职ppt，插画展示册等等。

另外，云存储的特点也让Figma作品集轻松小容积，妈妈再也不用担心我怎么去把50页高清pdf压缩到10m以内了。

于是乎，我就开启了我的Figma作品集之路…

在Figma里创建作品集最重要的一个工具就是原型，这也是它区别于别的平台很重要的一点。Figma可以让你真的体验产品，从一个页面直接跳到另一个页面，感受各种拖动/滚动/的交互，甚至动图和延时交互。所以我觉得要让作品集出彩的话，很有必要把这些Figma功能都综合起来。

最后的成品可能是这样的：

请一定在PC上体验一下：hanra.xyz

https://www.figma.com/proto/SMy7cXUVI6nvVJLia59ImX/by-Hanra

这里就不放保姆级搭建教程了，因为太长了也不难，大家可以尝试设计出不同吊炸天的效果，这里就给大家一些做时候的小提示：

1. Figma无法同时使用hover和滚动交互。

hover的时候就不能滚动，Figma官方也在考虑提升他们的原型体验，相信这个问题不久后应该会解决。

2. 只能满足一种视图的原型预览

希望未来可以考虑多种视图的原型预览，可以同时适配移动端和PC端的预览。

3. 制作作品集的时候记得压缩图片

Figma作品集因为是云加载还是会存在图片过大加载慢的情况，所以大家要记得压缩图片再制作哦。

4. 你可以把它做的更像个人网页一点

你可以尝试使用bit.ly或者其他短链工具使链接看上去更短，或者购买域名与原始链接做绑定。

5. 小代码让它看上去更像个产品

你可以在你分享的链接后加入代码：

&scaling=scale-down-width&hide-ui=1

它可以移除顶部的工具栏并合理缩放，让它看上去更像一个产品。

转载声明：文章来源于网络，不作任何商业用途。