学会这个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

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

后申明，我不Figma宣传使，也拿他们一毛钱的赞费，巴特，我觉他们应该给我赞费的。同意的铁汁请点“赞”，谢谢。

欢迎关注作者的公众号：「Nana的计锦囊」