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

Contento

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

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

有的是因?yàn)楣δ芎唵?，比如?strong>Chinese User Data Generator，我沒辦法做到自定義數(shù)據(jù)內(nèi)容

使用Contento主要能夠滿足我三個(gè)需求

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

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

2.社區(qū)強(qiáng)大：

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

3.自定義：

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

Chinese Font Picker

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

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

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

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

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

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

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

FigmaEX

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

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

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

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

NB Charts

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

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

Measure

這款老牌插件，含金量自然不必多說，因?yàn)槲移綍r(shí)也只是簡單用一用標(biāo)注功能，因此這款插件還是非常不錯(cuò)

Auto follower

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

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

SkewDat

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

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

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

原文鏈接：CE青年Youthce（公眾號(hào)）

作者：CE青年

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

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

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

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

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