在世界范圍內,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 個高素質插件吧。
Coda for Figma 是一款能夠和 Coda 進行聯動的插件,接觸這個插件,你可以調用來自 Spotify、Wikipedia、Dropbox、Gmail、Google Calender、Jira、Shopify 還有 Github 的數據,用這些數據來填充布局。這個插件其實挺新的,而且社區內越來越多的人開始樂于使用它。值得嘗試哦~
LilGid 實用性也極強,這是一款能夠幫你整理界面的插件,并且你可以通過自定義組織樣式。在需要整理大量的設計內容比如按鈕和圖標的時候,這款插件非常有用。
LilGrid 本身并不會修改設計元素,但是能幫你在畫布上更整齊、富有條理邏輯地排列他們,絕對是強迫癥的福音。
看名字就知道,這是一個處理表單的插件。對于需要將 Excel 表格中內容傳輸到 Figma 的設計師而言,表格的樣式管理絕對是個難點,那么這個時候,你需要 Table Paste 。
你可以簡單的先創建一行表格,然后添加文本字段,生成組件。在你設計好的表格組件當中,再粘貼來自 Excel 的表單內容,就行了。在這個過程中,表單的樣式你可以事先定義好。
對于需要數據呈現的設計,這款插件可以說非常有用了。
當你在使用設計系統來進行設計的時候,你可能需要針對特定組件的不同狀態、樣式進行管理,它的命名方式甚至都有講究,便于你后續的查找檢索和修正,所以它的組織方式可能是這樣的:「按鈕/按鈕大小/按鈕狀態/默認」
這款插件就非常有助于你來以這樣的方式來整理元素和控件的樣式,也可以針對這些組件進行分組、移動、重命名(批量)等等。
對于設計系統中的元素和空間的樣式管理,這款插件能夠對官方的功能進行補完,如果你要進行相對復雜多樣的系統化的設計,那么最好試試這款插件。
你看的沒錯,這是一款付費的 Figma 插件,但是它付費也有付費的價值:這款名為 Figma 儀表盤UI Kit 的插件涵蓋了精心挑選的最成功 UI 組件,包含一堆進行了響應式適配的組件,能夠幫你加速應用程序的開發。
這套插件中包含 550 多個完整的設計項目,48 款系統化的模板,1000 多款素質極高的圖標,每個組件都包含標準模式和深色模式,井井有條,物有所值!
這款插件來自于 Must App 的開發者,這對于想要創建影視相關的設計的同學而言,有著非凡的價值。
這款插件的主要功能是生成海報,它會隨機地選取電影和電視節目中的圖像或者海報甚至矢量元素,超快超省心。
如果你在設計的時候,喜歡用網格的話,那么這款能夠幫你生成網格的插件就是你的菜了。
當然,如你所預料的,你可以非常輕松地定義網格的寬度、高度、大小、間距、顏色等屬性,同時,它還能足夠漂亮細致,滿足你對于優質插件的期待。
這款插件非常簡單,你無需離開 Figma 就可以創建 GIF 圖像,宣召你要創建的 GIF 圖像,設置文件參數(時間,寬度,高度)然后預覽,看了沒問題之后,就可以下載了。這款插件是對 Figma 本身功能的一個重要補完,省去你再去打開其他的應用去制作 Gif 圖。
最開始 BeatFlyer Lite 是一款完全第三方的工具,不過現在它可以作為插件直接內嵌到 Figma 當中了!你只需要快速點擊幾下,就能夠生成動畫,輸出令人印象印象深刻的動畫效果!雖然 Figma 當中有類似的功能,但是并沒有 BeatFlyer Lite 這么強大,所以一定要試試看。
也許你已經厭倦了那些動不動就生成整套配色方案,但是更深入的細節功能又沒有的配色工具吧?這回來個細致的:Color Kit。這款工具是專門幫你制作所需顏色的深淺色階的,當你需要制作色彩漸變,或者基于某個色調來制作富有層次的設計的時候,它就發揮作用了。
另外,如果你是第三方配色工具 Eva Design System 的用戶的話,就更好了,因為它的功能和體驗與之類似,你可以無需離開 Figma 就完成相關的操作,習慣和體驗都無縫銜接過來。
如果你是 Material Design 的愛好者,那么這款 Material Design 配色方案生成工具,就是專門為你所準備的。這套工具是基于 Material Design 來制作的,你可以不用查詢,直接通過這則個插件來查找合適的配色。
在使用過程中,它會同時生成三套配色方案,分別是 Material 配色,單色和純單色三種,具體你可以嘗試一下。在 Material Design 中,這種配色思路非常不錯,但是不同顏色之間的搭配可能不夠離線,不夠連續,希望后續有所改進。
做設計有的時候,并不是一直沿著一個方向來做的。如果你有現成的高保真模型,那么借此來設計 UI 樣機是非常方便的。可是如果你的設計還不夠完善,還想繼續調整用戶體驗,那么你可以借助 Wire Box 可以將高保真模型重新逆向轉換為低保真的線框圖,繼續進行修整~
當然,幫你生成漸變的工具有很多種,而 Webgradients 這個插件就是其中最值得嘗試的一個——它可以幫你制作出效果非常出眾的漸變效果。在這款插件當中,它不僅能夠生成漸變,而且能夠收藏、管理不同的漸變效果,極大地節省你做設計的時間。
LottieFiles 是最新加入 Figma 平臺的插件之一,僅僅上線 5 天就被超過 1000 名用戶下載安裝,并且很快躋身熱評榜。正如同它名字所暗示的,這是一個關于著名動畫工具 Lottie 的插件,借助它,你可以將成千上萬的免費 Lottie 動畫作為 GIF 或者 SVG 插入到你的設計當中,可以說非常非常給力了。
這也是一款實用性極強的 Figma 插件,TinyImage 能夠幫你壓縮圖片——能夠比 Figma 本身導出的圖片要小 90%。這款插件還有很多有趣的功能,比如支持透明 PNG 和漸進式的 JPEG 格式優化,它能夠在你使用過程中,記住你的設置,并且在導出多個圖像的時候,自動幫你打包成為 ZIP 格式壓縮包,非常良心。
在將你的設計提交給開發之前,你是一定要確保整個設計上是一致的,而這個超贊的免費插件,能夠檢查你的原型或者視覺稿當中,是否存在不一致的地方,比如顏色、字體、效果、填充樣式、筆觸、邊框半徑,簡直是一個全自動找茬糾錯工具,更重要的是——它是動態實時的,也就是說,你可以一邊工作一邊用它糾錯,不錯吧?
當然,如果你想要其他的神器和干貨,不妨看看下面這些:
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 19 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓