我究竟要用哪一個插件？我不知道，每一個插件的是用來做什么的？我不清楚。因為身邊的同學(xué)不停的給我推薦插件，而我便不停的安裝，導(dǎo)致這么很多插件，我都沒怎么用。今天為了解決這個問題，花了一下午的時間整理，分享一下我最常用的7款Figma 插件，大家也可以跟著我的思路，一起來整理一下你的 figma 插件

Contento

Contento 是一款內(nèi)容填充插件，當(dāng)然，在插件市場上你會發(fā)現(xiàn)，類似這樣的插件非常多，但是我在使用過一段時間過后我都放棄了

有的是因為 操作過于復(fù)雜，比如：Content Reel ，他沒辦法做到本土化的數(shù)據(jù)，因此不能 開箱即用

有的是因為功能簡單，比如：Chinese User Data Generator，我沒辦法做到自定義數(shù)據(jù)內(nèi)容

使用Contento主要能夠滿足我三個需求

1.內(nèi)容簡單：

其實在日常的使用當(dāng)中，我們要填充的無外乎就是常見的 “姓名、地址、電話、郵箱”等內(nèi)容，在常用功能當(dāng)中，我們最主要的是想要功能地快速上手，當(dāng)我打開 Contento 就可以直接進行使用

2.社區(qū)強大：

如果系統(tǒng)預(yù)設(shè)的內(nèi)容不滿足你的需求時，你也可以打開社區(qū)，在社區(qū)里作者會更新一些較為常用的圖庫和文本，然后你只需要這樣點擊，即可擁有這個素材內(nèi)容

3.自定義：

假設(shè) 系統(tǒng)自帶 以及 社區(qū)的內(nèi)容庫 還不能夠滿足你的需求，你還可以利用 Contento 進行系統(tǒng)的自定義，在插件當(dāng)中點擊這里的 “加號”，選擇想要添加的 文本、圖片 等格式，進而將自己產(chǎn)品獨有的內(nèi)容放到里面，下一次就可以直接使用

Chinese Font Picker

Figma 的中文字體選擇，真的無力吐槽，F(xiàn)igma 你看看其他同學(xué)，像 PS、Sketch、甚至是 PPT、Axure

別人字體選擇是怎么做的，再看看你，F(xiàn)igma，長點心吧！

因為 Figma 軟件本身自帶有很多種字體，而這些系統(tǒng)字體也就造成了我們很難從眾多字體的字體當(dāng)中，選擇用戶想要的字體內(nèi)容

另一方面，我們沒辦法快速預(yù)覽字體，因此只能夠通過 猜測這款中文字體的英文名字，來進行尋找

因此被逼無奈，只能夠曲線救國，使用字體選擇插件來解決這個問題

Chinese Font Picker 插件就能夠快速呼出字體選擇器，并且這里展示的字體都是經(jīng)過篩選，會主要展示支持中文的字體

通過每一款字體，我們可以預(yù)覽字體具體的樣式，方便我們快速的做出判斷，Chinese Font Picker 是我使用頻率最高的插件

FigmaEX

Figma 當(dāng)中使用插件也會非常的麻煩（專業(yè)一點來說應(yīng)該是操作路徑過長 : ），因為 Figma 本身插件呼出非常低效，再加上很多設(shè)計師并不會記住插件的名字，導(dǎo)致尋找插件非常雞肋

在 Figma 當(dāng)中，比較難使用的便是如何高效的切換插件。這其實是一個交互問題，恰好 FigmaEX 解決了這個問題

我們都知道電腦屏幕的布局本身就是以寬屏的形式存在，也就意味著，F(xiàn)igmaEX利用了橫向的寬度，在右側(cè)固定一個區(qū)域用于展示基礎(chǔ)的信息，這樣就能夠固定快速你想要的figma插件，并且這款插件是國人產(chǎn)出的，也更令人驕傲

不過Figma EX 需要單獨安裝，不過這類插件確實已經(jīng)超過 Figma 可以開放權(quán)限的范疇，只能夠單獨安裝

NB Charts

在我們B端需求當(dāng)中，一定會存在很多圖表類的需求，這時候便可以使用 NB Charts 這款軟件來快速實現(xiàn)頁面，方便與團隊明確這樣的方案是否能夠接受

并且還可以根據(jù)圖表進行內(nèi)容的調(diào)整，導(dǎo)入對應(yīng)的數(shù)據(jù) JSON等等…，可謂是非常強大

Measure

這款老牌插件，含金量自然不必多說，因為我平時也只是簡單用一用標(biāo)注功能，因此這款插件還是非常不錯

Auto follower

流程圖怎么辦？有的時候想要快速連接原型之間的交互，便可以使用它，可以快速連接不同的頁面，還可以自定義這條流程線條的顏色、粗細(xì)、圓角大小等等

雖然比不了傳統(tǒng)的流程圖工具，但是解一解燃眉之急還是非常不錯的

SkewDat

如果想要把一個頁面稍稍傾斜一下，你會怎么辦？在沒使用 這款插件，我需要將這個圖片導(dǎo)出、打開PS、通過PS來對圖片進行調(diào)整，然后導(dǎo)出，再導(dǎo)入到 Figma 里面，整個操作方式可謂是“一氣呵成”

SkewDat  恰好能夠解決這個問題，同樣，它可以斜切：圖片、形狀、文本 等內(nèi)容，在使用上可以更加方便，并且這里的傾斜操作是非破壞性的，也就是說我們可以傾斜了過后繼續(xù)調(diào)整字體

當(dāng)然上面的所有插件都可以在 Figma 社區(qū)找到，大家按照名字自行下載即可，不過在公眾號放這么多動圖真的痛苦，后續(xù)做一個視頻詳細(xì)給大家分享一下…

原文鏈接：CE青年Youthce（公眾號）

作者：CE青年

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》B端設(shè)計師常用的七款 Figma 插件

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司