又是 Figma 的推薦文,這次要來分享最近用過覺得很實用的 Figma plugins,可以在工作中有效地增加工作效率、或是讓設計看起來更加真實。
Unsplash
Unsplash 是一個知名的免費圖庫網站,裡面的圖片品質很高、畫質也好,很適合當作設計的樣板圖片,我很常在 Unsplash 找人物的肖像照來當 Prototype 的使用者照片,放進去讓整體的視覺質感加分。
Unsplash在 Figma plugin 的功能為隨機插入照片,一開始介面會有幾個常見的大分類,點選你想找的類別他就會隨機產生圖在檔案上。如果想要親自找圖也可以使用搜尋的功能哦!
Smart Text
這是我在搜尋如何製作 Color system 教學時所找到的 plugin,smart text 可以產生文字圖層,動態顯示你想標記所選的圖層的資訊,像是尺寸、位置、顏色、字體、樣式、名字….等。
我用它來自動產生 Color system 色票的資訊,讓顏色的規範更明確:
- 點選要標註的圖層
- 選擇要顯示的資訊(EX: Layer Name & Fill Color),資訊可以換行排版
- 點選 Insert button,文字會自動生成
- 如果之後圖層內容有改變,點選 Resolve Tab 內的按鈕就可以更新資訊囉!
藉機來許願一下,希望 Smart text 的文字圖層功能可以更完整一點,像是可以指定要連接到哪個文字圖層,使用起來更自由。
下面連結是剛剛提到的Color system教學,我覺得維護起來蠻方便的,在設計的時候要選擇顏色時會出現明確的標示和分類,推薦給大家: Use Figma plugins to quickly generate a color system
Content Reel
這是微軟自己做的 Plugin,集各種假資料為大成,連假照片都有,讓你更快速的產生似真似假的資料,讓 Prototype 更完整。裡面有美國假姓名、美國假地址、美國真的公司名字….等可以自由運用,真的蠻方便的,很適合要處理大量 Data 的設計。這裡又要許願一下公司名稱可以更多一點…..常常用的量一多,就跑出好幾個 Apple、Starbucks、IBM……
除了這個之外,他還可以自創假資料哦,如果你的設計有特定的 Data 需要填入(EX:訂單號碼),那就可以自己先設計一組假資料重複運用,真的蠻方便的,但需要登入才可以使用。
Figma Measure
要來介紹一個很強大的 Plugin 了!這是看到粉專 Design tips today 分享,是專門用來標示尺寸和樣式的 Plugin,只要選取要標註的圖層,然後點選 Figma measure 介面要標注的位置,就會自動產生該圖層的尺寸資訊。
我覺得強大的點在於它可以選擇要上下左右或是中間,也可以改箭頭的顏色和樣式。還有就是可以一次選取多個圖層,一次產出你要的標註(懶人福音~)
雖然 Figma 的 Inspector 就涵蓋了以上的功能, Designer 也不用特別做這些標注,但是總是出現例外需要花額外的時間去做這件事,Figma measure 就幫了大忙。但免不了還是想許願一下,希望尺寸標註的功能可以出現百分比自動計算,就不用再數格子惹!
以上~就是我這次要推薦的實用 Plugin,看一看很多都是跟資訊顯示標記有關的功能,在忙碌工作中有了這些小套件節省掉繁複的工作流程,真的很感謝設計這些套件的團隊,深知大家的痛點啊!