精選20個優秀Figma插件，還是免費！

Sponsor

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

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

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

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

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

下面就逐一介紹這20個插件吧，排名不分先后，一定要看到最后哦，說不定就有你正需要的！可以把這篇文章發在電腦上看，然后復制這些鏈接直接安裝插件哦。

1、Upsplash

https://www.figma.com/community/plugin/738454987945972471

可以快速獲取高質量的配圖，并且圖片是可以個人或者商業使用，無需向上傳人請求許可。只是不可以拿這些圖片出售或者上傳到競品平臺。使用也非常簡單，直接點擊或拖拽都可以。

2、Iconify

https://www.figma.com/community/plugin/735098390272716381

可以通過這個插件快速找到大量的圖標，你可以用它們快速做一些demo或者參考。

3、Content Reel

https://www.figma.com/community/plugin/731627216655469013

可以快速替換內容，包括文本、圖片、圖標，還可以自己上傳自己常用的各種資源庫，方便針對自己項目的內容替換。

4、Figmotion

https://www.figma.com/community/plugin/733025261168520714

可以在figma中做動效，還挺方便的，類似于AE的操作。做完之后可以導出多種視頻格式。有一點需要提醒下，這個插件需要先識別到frame，所以記得先新建一個畫板再來做動畫，不然會顯示用不了哦。

5、Able

https://www.figma.com/community/plugin/734693888346260052

可以快速查看顏色對比度是否符合標準。

6、Rename It

https://www.figma.com/community/plugin/731271836271143349

在做組件庫，有大量元素的時候，可以進行快速改名，很方便。主要有3個功能，快速命名，查找和替換，自定義快捷命名（高級操作）。

7、Viewports

https://www.figma.com/community/plugin/732240841094697441

可以快速適配并預覽到不同尺寸下的界面，并且可以看到目前全球用戶不同尺寸手機的使用占比。

8、Image Palette

https://www.figma.com/community/plugin/731841207668879837

快速對圖片進行配色分析，并生成配色板，非常好用。如果你發現一張圖很好看，想應用它的配色，那個這個插件就非常實用了。

9、Vectary 3D

https://www.figma.com/community/plugin/769588393361258724/Vectary-3D

快速添加3D元素。不僅可以使用它內置的3D元素，還可以使用外部鏈接和自己團隊制作的3D模型，用它作3D組件庫非常方便了。

10、騰訊CoDesign

https://www.figma.com/community/plugin/936456730265868414

鵝廠出品的figma插件，能夠方便團隊進行圖標、素材和文件的管理。

11、Google Sheets Sync

https://www.figma.com/community/plugin/735770583268406934

非常好用的內容填充插件?？梢詫⑿枰畛涞膬热輰懺趃oogle文檔里，然后一鍵導入并替換，包括圖片，這些圖片甚至只需要一些鏈接就可以了，非常方便。

這個插件稍微需要一點點學習成本，也給大家找了一個講的非常好的教程演示：https://www.youtube.com/watch?v=J67CDH5XkWk&t=404s

12、Clean Document

https://www.figma.com/community/plugin/767379019764649932

文檔清理插件，能夠快速幫你把文檔整理的漂漂亮亮的。它能自動幫你刪除包括隱藏圖層、像素自動對齊、智能命名、智能排序等等功能。

13、GiffyCanvas

https://www.figma.com/community/plugin/803633147991628761/GiffyCanvas

做序列幀Gif圖非常方便，個人覺得比PS做序列幀圖功能更強大，更方便。

14、Redlines

https://www.figma.com/community/plugin/781354942292031141/Redlines

在做標注規范的時候，能快速自動畫紅線標注，特別好用。

15、Blush

https://www.figma.com/community/plugin/838959511417581040

這個插畫插件我很早就介紹過，《不會插畫沒關系，插件幫你快速搞定》那時候還是sketch版本，現在已經不僅有了figma版本，還新增了大量新的組件插畫，非常實用。

16、Morph

https://www.figma.com/community/plugin/906950256777348534

可以通過figma快速制作一些視覺效果，包括高質量投影、新擬物效果、發光效果、故障效果、多彩漸變效果，一鍵生成還能修改，比PS可要快多了哦。

17、Mapsicle

https://www.figma.com/community/plugin/736458162635847353

一個非常好用的地圖生成插件，可以修改它的很多屬性得到你想要的實時地圖截圖，風格選擇也比較多，我就特別喜歡它的暗色系地圖。對于一些經常做地圖相關設計的同學，這個插件你必須裝上，這樣就不用到處找地圖風格，再截圖到figma這么麻煩了。

18、Autoflow

https://www.figma.com/community/plugin/733902567457592893

對于做界面串聯的需求，尤其是交互同學，這個插件非常有用?？梢砸绘I實現界面之間的連線關系。用法也非常簡單，選擇要鏈接的界面按shift就能自動加連線了。

19、Blobs

https://www.figma.com/community/plugin/739208439270091369

隨機創建背景好看的背景圖形，我們經?？梢钥吹揭恍﹫D案設計很好看，但我們自己在設計這些圖形的時候，總覺得不是特別自然，而且還難調，曲線總是不夠平滑。有了這個插件后就非常方便了，可以隨機生成各種不同的圖案，非常實用。

20、Find and Replace

https://www.figma.com/community/plugin/735072959812183643

當界面量很大，文本內容又非常多時，用這個基礎的查找和替換插件便會非常實用?？梢砸淮涡該Q掉項目中所有需要替換的內容，包括圖層名和內容文字。

彩云花了一個下午將這些插件整理并錄屏做成gif圖方便大家選擇和使用，如果你有學到，記得分享到你的朋友圈哦~

作者 | 彩云Sky
來源 | 彩云譯設計(ID: caiyunyisheji)

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。