這篇文章將分享 20 個 Figma 插件，全是免費的Figma插件，能快速提升你的設計效率。

上周四，Adobe 在官網發布消息說已經把 figma 給收購了，很多人開始擔心它會不會收費，會不會像 behance 一樣不給用了。老實說，Figm 被 Adobe 收購后會怎樣我不知道，但今天要分享的這 20 個插件沒用上，真感覺白用了。

10 年前，我做 UI 從 PS 入行，到 sketch 出現，生產效率極大提升，再到現在的 figma 成為新的主流。回頭看，sketch 仿佛就是給 figma 這種產品過渡的，未來云協作工具將是趨勢。

Figma 的強大，不僅僅在于協作效率，也在于它的插件生態非常好。今天這篇文章將分享 20 個 Figma 的常用插件，這些插件也是我問了公司內的很多同事使用習慣，結合我自己的發現做了一個整合。剔除了需要付費的，精選了 20 個常用且免費的插件，快速提升你的設計效率。

本文強烈推薦大家點贊收藏，更推薦大家去用用這些插件，這樣才能感受插件的效率。

Figma 插件安裝非常方便，只需要在這里搜插件的名字然后點擊 Run 就能裝好并使用了。

下面就逐一介紹這 20 個插件吧，排名不分先后，一定要看到最后哦，說不定就有你正需要的！

一、Unsplash

網站鏈接：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 圖方便大家選擇和使用，如果你有學到，記得分享到你的朋友圈哦~

歡迎關注作者的微信公眾號：「彩云譯設計」