在世界範圍內，Figma 已經作為主流的原型和数字設計軟件而存在，和 Adobe XD 和 Sketch 相比，Figma 作為在線工具，有着更強的實時協同功能。出色的用戶界面和走心的交互設計讓 Figma 逐漸成為主流，而超高的迭代速度讓 Figma 開始俘獲越來越多設計師的心。

不過 Figma 的缺陷也挺明顯的，那就是缺少第三方插件。許多從其他平台遷移過來的設計師對於這一點有所詬病，而 Figma 本身也在試圖解決這個問題，完善提升插件生態。

在 2019 年 8 月，經過數周的 Beta 測試之後， Figma 終於在系統中啟用插件。根據 Figma 的開發者透露，早在2年前他們就已經開始了這一工作，不過為了確保插件的平穩使用，他們一直在修改功能，完善 API。

2019 年的精選 Figma 插件：

閱讀文章 >>

插件的優缺點

用插件來完善 Figma 的功能和體驗，無疑是非常簡單直觀的邏輯，按需安裝，對於優化 Figma 本身所缺乏的功能和服務，將會帶來巨大的便捷，比如自動化運行重複性的批量操作，這些都是插件可以提供的。

截至目前，Figma 當中已經有超過 400 款插件，並且幾乎每天都有心的插件加入進來。這些插件並非是 Figma 官方人員開發，而是像你我一樣的普通用戶或者開發者提供的，如果你想自己開發插件，整個 Figma 社區都會在後面支持你。

不過，目前來看，雖然 Figma 軟件本身有很多特性已經超過了 Sketch ，但是在插件生態上，依然有太多東西要向 Sketch 來學習的。並且值得一提的是，Figma 插件不允許插件以實時模式更改數據並返還系統，這個限制極大的削弱了插件的功能和可能性。

如果你是 Sketch 用戶，想遷移到 Figma ，不妨看看這篇指南：

閱讀文章 >>

儘管有缺陷，但是 Figma 插件依然能夠極大的強化設計師的操作空間，下面，我們一起來看 Setproduct 團隊優選的 17 個高素質插件吧。

1、Coda for Figma

Coda for Figma 是一款能夠和 Coda 進行聯動的插件，接觸這個插件，你可以調用來自 Spotify、Wikipedia、Dropbox、Gmail、Google Calender、Jira、Shopify 還有 Github 的數據，用這些數據來填充布局。這個插件其實挺新的，而且社區內越來越多的人開始樂於使用它。值得嘗試哦~

2、LilGrid

LilGid 實用性也極強，這是一款能夠幫你整理界面的插件，並且你可以通過自定義組織樣式。在需要整理大量的設計內容比如按鈕和圖標的時候，這款插件非常有用。

LilGrid 本身並不會修改設計元素，但是能幫你在畫布上更整齊、富有條理邏輯地排列他們，絕對是強迫症的福音。

3、Table Paste

看名字就知道，這是一個處理表單的插件。對於需要將 Excel 表格中內容傳輸到 Figma 的設計師而言，表格的樣式管理絕對是個難點，那麼這個時候，你需要 Table Paste 。

你可以簡單的先創建一行表格，然後添加文本字段，生成組件。在你設計好的表格組件當中，再粘貼來自 Excel 的表單內容，就行了。在這個過程中，表單的樣式你可以事先定義好。

對於需要數據呈現的設計，這款插件可以說非常有用了。

4、Design System Organizer

當你在使用設計系統來進行設計的時候，你可能需要針對特定組件的不同狀態、樣式進行管理，它的命名方式甚至都有講究，便於你後續的查找檢索和修正，所以它的組織方式可能是這樣的：「按鈕/按鈕大小/按鈕狀態/默認」

這款插件就非常有助於你來以這樣的方式來整理元素和控件的樣式，也可以針對這些組件進行分組、移動、重命名（批量）等等。

對於設計系統中的元素和空間的樣式管理，這款插件能夠對官方的功能進行補完，如果你要進行相對複雜多樣的系統化的設計，那麼最好試試這款插件。

5、Figma Dashboard UI kit

你看的沒錯，這是一款付費的 Figma 插件，但是它付費也有付費的價值：這款名為 Figma 儀錶盤UI Kit 的插件涵蓋了精心挑選的最成功 UI 組件，包含一堆進行了響應式適配的組件，能夠幫你加速應用程序的開發。

這套插件中包含 550 多個完整的設計項目，48 款系統化的模板，1000 多款素質極高的圖標，每個組件都包含標準模式和深色模式，井井有條，物有所值！

6、Movie Posters

這款插件來自於 Must App 的開發者，這對於想要創建影視相關的設計的同學而言，有着非凡的價值。

這款插件的主要功能是生成海報，它會隨機地選取電影和電視節目中的圖像或者海報甚至矢量元素，超快超省心。

7、Dot Grid

如果你在設計的時候，喜歡用網格的話，那麼這款能夠幫你生成網格的插件就是你的菜了。

當然，如你所預料的，你可以非常輕鬆地定義網格的寬度、高度、大小、間距、顏色等屬性，同時，它還能足夠漂亮細緻，滿足你對於優質插件的期待。

8、GiffyCanvas

這款插件非常簡單，你無需離開 Figma 就可以創建 GIF 圖像，宣召你要創建的 GIF 圖像，設置文件參數（時間，寬度，高度）然後預覽，看了沒問題之後，就可以下載了。這款插件是對 Figma 本身功能的一個重要補完，省去你再去打開其他的應用去製作 Gif 圖。

9、BeatFlyer Lite

最開始 BeatFlyer Lite 是一款完全第三方的工具，不過現在它可以作為插件直接內嵌到 Figma 當中了！你只需要快速點擊幾下，就能夠生成動畫，輸出令人印象印象深刻的動畫效果！雖然 Figma 當中有類似的功能，但是並沒有 BeatFlyer Lite 這麼強大，所以一定要試試看。

10、Color Kit

也許你已經厭倦了那些動不動就生成整套配色方案，但是更深入的細節功能又沒有的配色工具吧？這回來個細緻的：Color Kit。這款工具是專門幫你製作所需顏色的深淺色階的，當你需要製作色彩漸變，或者基於某個色調來製作富有層次的設計的時候，它就發揮作用了。

另外，如果你是第三方配色工具 Eva Design System 的用戶的話，就更好了，因為它的功能和體驗與之類似，你可以無需離開 Figma 就完成相關的操作，習慣和體驗都無縫銜接過來。

11、Material Palette

如果你是 Material Design 的愛好者，那麼這款 Material Design 配色方案生成工具，就是專門為你所準備的。這套工具是基於 Material Design 來製作的，你可以不用查詢，直接通過這則個插件來查找合適的配色。

在使用過程中，它會同時生成三套配色方案，分別是 Material 配色，單色和純單色三種，具體你可以嘗試一下。在 Material Design 中，這種配色思路非常不錯，但是不同顏色之間的搭配可能不夠離線，不夠連續，希望後續有所改進。

12、Wire Box

做設計有的時候，並不是一直沿着一個方向來做的。如果你有現成的高保真模型，那麼藉此來設計 UI 樣機是非常方便的。可是如果你的設計還不夠完善，還想繼續調整用戶體驗，那麼你可以藉助 Wire Box 可以將高保真模型重新逆向轉換為低保真的線框圖，繼續進行修整~

13、Vector Maps

這個插件的作用也很強大，可以幫你將特定國家和城市的地圖下載到 Figma 當中來使用，而操作的時候，只需要搜索城市的名稱即可。這些地圖也都是矢量的，它們將會作為單獨的一個圖層來使用。

14、Webgradients

當然，幫你生成漸變的工具有很多種，而 Webgradients 這個插件就是其中最值得嘗試的一個——它可以幫你製作出效果非常出眾的漸變效果。在這款插件當中，它不僅能夠生成漸變，而且能夠收藏、管理不同的漸變效果，極大地節省你做設計的時間。

15、LottieFiles

LottieFiles 是最新加入 Figma 平台的插件之一，僅僅上線 5 天就被超過 1000 名用戶下載安裝，並且很快躋身熱評榜。正如同它名字所暗示的，這是一個關於著名動畫工具 Lottie 的插件，藉助它，你可以將成千上萬的免費 Lottie 動畫作為 GIF 或者 SVG 插入到你的設計當中，可以說非常非常給力了。

16、TinyImage Compressor

這也是一款實用性極強的 Figma 插件，TinyImage 能夠幫你壓縮圖片——能夠比 Figma 本身導出的圖片要小 90%。這款插件還有很多有趣的功能，比如支持透明 PNG 和漸進式的 JPEG 格式優化，它能夠在你使用過程中，記住你的設置，並且在導出多個圖像的時候，自動幫你打包成為 ZIP 格式壓縮包，非常良心。

17、Design Lint

在將你的設計提交給開發之前，你是一定要確保整個設計上是一致的，而這個超贊的免費插件，能夠檢查你的原型或者視覺稿當中，是否存在不一致的地方，比如顏色、字體、效果、填充樣式、筆觸、邊框半徑，簡直是一個全自動找茬糾錯工具，更重要的是——它是動態實時的，也就是說，你可以一邊工作一邊用它糾錯，不錯吧？

當然，如果你想要其他的神器和乾貨，不妨看看下面這些：

閱讀文章 >>

閱讀文章 >>

未经-摩登3注册-摩登3测速官网-允许不得转载：摩登3注册-摩登3测速官网 » 無極五登錄測速_2020年，一定要試試這 17 款超給力的 Figma 插件