上週四，Adobe 在官網釋出訊息說已經把 figma 給收購了，很多人開始擔心它會不會收費，會不會像 behance 一樣不給用了。老實說，Figm 被 Adobe 收購後會怎樣我不知道，但今天要分享的這 20 個外掛沒用上，真感覺白用了。
10 年前，我做 UI 從 PS 入行，到 sketch 出現，生產效率極大提升，再到現在的 figma 成為新的主流。回頭看，sketch 彷彿就是給 figma 這種產品過渡的，未來雲協作工具將是趨勢。
Figma 的強大，不僅僅在於協作效率，也在於它的外掛生態非常好。今天這篇文章將分享 20 個 Figma 的常用外掛，這些外掛也是我問了公司內的很多同事使用習慣，結合我自己的發現做了一個整合。剔除了需要付費的，精選了 20 個常用且免費的外掛，快速提升你的設計效率。
本文強烈推薦大家點贊收藏，更推薦大家去用用這些外掛，這樣才能感受外掛的效率。
Figma 外掛安裝非常方便，只需要在這裡搜外掛的名字然後點選 Run 就能裝好並使用了。
下面就逐一介紹這 20 個外掛吧，排名不分先後，一定要看到最後哦，說不定就有你正需要的！
一、Upsplash
網站連結：https：//www。figma。com/community/plugin/738454987945972471
可以快速獲取高質量的配圖，並且圖片是可以個人或者商業使用，無需向上傳人請求許可。只是不可以拿這些圖片出售或者上傳到競品平臺。使用也非常簡單，直接點選或拖拽都可以。
二、Iconify
網站連結：https：//www。figma。com/community/plugin/735098390272716381
可以透過這個外掛快速找到大量的圖示，你可以用它們快速做一些 demo 或者參考。
三、Content Reel
網站連結：https：//www。figma。com/community/plugin/731627216655469013
可以快速替換內容，包括文字、圖片、圖示，還可以自己上傳自己常用的各種資源庫，方便針對自己專案的內容替換。
四、Figmotion
網站連結：https：//www。figma。com/community/plugin/733025261168520714
可以在 figma 中做動效，還挺方便的，類似於 AE 的操作。做完之後可以匯出多種影片格式。有一點需要提醒下，這個外掛需要先識別到 frame，所以記得先新建一個畫板再來做動畫，不然會顯示用不了哦。
五、Able
網站連結：https：//www。figma。com/community/plugin/734693888346260052
可以快速檢視顏色對比度是否符合標準。
六、Rename It
網站連結：https：//www。figma。com/community/plugin/731271836271143349
在做元件庫，有大量元素的時候，可以進行快速改名，很方便。主要有 3 個功能，快速命名，查詢和替換，自定義快捷命名（高階操作）。
七、Viewports
網站連結：https：//www。figma。com/community/plugin/732240841094697441
可以快速適配並預覽到不同尺寸下的介面，並且可以看到目前全球使用者不同尺寸手機的使用佔比。
八、Image Palette
網站連結：https：//www。figma。com/community/plugin/731841207668879837
快速對圖片進行配色分析，並生成配色板，非常好用。如果你發現一張圖很好看，想應用它的配色，那個這個外掛就非常實用了。
九、Vectary 3D
網站連結：https：//www。figma。com/community/plugin/769588393361258724/Vectary-3D
快速新增 3D 元素。不僅可以使用它內建的 3D 元素，還可以使用外部連結和自己團隊製作的 3D 模型，用它作 3D 元件庫非常方便了。
十、騰訊 CoDesign
網站連結：https：//www。figma。com/community/plugin/936456730265868414
鵝廠出品的 figma 外掛，能夠方便團隊進行圖示、素材和檔案的管理。
十一、Google Sheets Sync
網站連結：https：//www。figma。com/community/plugin/735770583268406934
非常好用的內容填充外掛。可以將需要填充的內容寫在 google 文件裡，然後一鍵匯入並替換，包括圖片，這些圖片甚至只需要一些連結就可以了，非常方便。
這個外掛稍微需要一點點學習成本，也給大家找了一個講的非常好的教程演示： https：//www。youtube。com/watch？v=J67CDH5XkWk&t=404s
十二、Clean Document
網站連結：https：//www。figma。com/community/plugin/767379019764649932
文件清理外掛，能夠快速幫你把文件整理的漂漂亮亮的。它能自動幫你刪除包括隱藏圖層、畫素自動對齊、智慧命名、智慧排序等等功能。
十三、GiffyCanvas
網站連結：https：//www。figma。com/community/plugin/803633147991628761/GiffyCanvas
做序列幀 Gif 圖非常方便，個人覺得比 PS 做序列幀圖功能更強大，更方便。
十四、Redlines
網站連結：https：//www。figma。com/community/plugin/781354942292031141/Redlines
在做標註規範的時候，能快速自動畫紅線標註，特別好用。
十五、Blush
網站連結：https：//www。figma。com/community/plugin/838959511417581040
這個插畫外掛我很早就介紹過，《不會插畫沒關係，外掛幫你快速搞定》那時候還是 sketch 版本，現在已經不僅有了 figma 版本，還新增了大量新的元件插畫，非常實用。
十六、Morph
網站連結：https：//www。figma。com/community/plugin/906950256777348534
可以透過 figma 快速製作一些視覺效果，包括高質量投影、新擬物效果、發光效果、故障效果、多彩漸變效果，一鍵生成還能修改，比 PS 可要快多了哦。
十七、Mapsicle
網站連結：https：//www。figma。com/community/plugin/736458162635847353
一個非常好用的地圖生成外掛，可以修改它的很多屬性得到你想要的實時地圖截圖，風格選擇也比較多，我就特別喜歡它的暗色系地圖。對於一些經常做地圖相關設計的同學，這個外掛你必須裝上，這樣就不用到處找地圖風格，再截圖到 figma 這麼麻煩了。
十八、Autoflow
網站連結：https：//www。figma。com/community/plugin/733902567457592893
對於做介面串聯的需求，尤其是互動同學，這個外掛非常有用。可以一鍵實現介面之間的連線關係。用法也非常簡單，選擇要連結的介面按 shift 就能自動加連線了。
十九、Blobs
網站連結：https：//www。figma。com/community/plugin/739208439270091369
隨機建立背景好看的背景圖形，我們經常可以看到一些圖案設計很好看，但我們自己在設計這些圖形的時候，總覺得不是特別自然，而且還難調，曲線總是不夠平滑。有了這個外掛後就非常方便了，可以隨機生成各種不同的圖案，非常實用。彩雲之前也有專門分享過好看的圖案背景，《國外大神常用的圖案紋理庫，免費還能商用，太良心了！》這個外掛居然能自動生成了。
二十、Find and Replace
網站連結：https：//www。figma。com/community/plugin/735072959812183643
當介面量很大，文字內容又非常多時，用這個基礎的查詢和替換外掛便會非常實用。可以一次性換掉專案中所有需要替換的內容，包括圖層名和內容文字。
彩雲花了一個下午將這些外掛整理並錄屏做成 gif 圖方便大家選擇和使用，如果你有學到，記得分享到你的朋友圈哦~
歡迎關注作者的微信公眾號：「彩雲譯設計」
