作為設計師都希望自己能在關鍵時刻展示一個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的設計錦囊」