我究竟要用哪一個(gè)插件?我不知道,每一個(gè)插件的是用來(lái)做什么的?我不清楚。因?yàn)樯磉叺耐瑢W(xué)不停的給我推薦插件,而我便不停的安裝,導(dǎo)致這么很多插件,我都沒(méi)怎么用。今天為了解決這個(gè)問(wèn)題,花了一下午的時(shí)間整理,分享一下我最常用的7款Figma 插件,大家也可以跟著我的思路,一起來(lái)整理一下你的 figma 插件
Contento
Contento 是一款內(nèi)容填充插件,當(dāng)然,在插件市場(chǎng)上你會(huì)發(fā)現(xiàn),類似這樣的插件非常多,但是我在使用過(guò)一段時(shí)間過(guò)后我都放棄了
有的是因?yàn)?操作過(guò)于復(fù)雜,比如:Content Reel ,他沒(méi)辦法做到本土化的數(shù)據(jù),因此不能 開(kāi)箱即用
有的是因?yàn)楣δ芎?jiǎn)單,比如:Chinese User Data Generator,我沒(méi)辦法做到自定義數(shù)據(jù)內(nèi)容
使用Contento主要能夠滿足我三個(gè)需求
1.內(nèi)容簡(jiǎn)單:
其實(shí)在日常的使用當(dāng)中,我們要填充的無(wú)外乎就是常見(jiàn)的 “姓名、地址、電話、郵箱”等內(nèi)容,在常用功能當(dāng)中,我們最主要的是想要功能地快速上手,當(dāng)我打開(kāi) Contento 就可以直接進(jìn)行使用
2.社區(qū)強(qiáng)大:
如果系統(tǒng)預(yù)設(shè)的內(nèi)容不滿足你的需求時(shí),你也可以打開(kāi)社區(qū),在社區(qū)里作者會(huì)更新一些較為常用的圖庫(kù)和文本,然后你只需要這樣點(diǎn)擊,即可擁有這個(gè)素材內(nèi)容

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

Chinese Font Picker
Figma 的中文字體選擇,真的無(wú)力吐槽,F(xiàn)igma 你看看其他同學(xué),像 PS、Sketch、甚至是 PPT、Axure
別人字體選擇是怎么做的,再看看你,F(xiàn)igma,長(zhǎng)點(diǎn)心吧!

因?yàn)?Figma 軟件本身自帶有很多種字體,而這些系統(tǒng)字體也就造成了我們很難從眾多字體的字體當(dāng)中,選擇用戶想要的字體內(nèi)容
另一方面,我們沒(méi)辦法快速預(yù)覽字體,因此只能夠通過(guò) 猜測(cè)這款中文字體的英文名字,來(lái)進(jìn)行尋找
因此被逼無(wú)奈,只能夠曲線救國(guó),使用字體選擇插件來(lái)解決這個(gè)問(wèn)題
Chinese Font Picker 插件就能夠快速呼出字體選擇器,并且這里展示的字體都是經(jīng)過(guò)篩選,會(huì)主要展示支持中文的字體

通過(guò)每一款字體,我們可以預(yù)覽字體具體的樣式,方便我們快速的做出判斷,Chinese Font Picker 是我使用頻率最高的插件
FigmaEX
Figma 當(dāng)中使用插件也會(huì)非常的麻煩(專業(yè)一點(diǎn)來(lái)說(shuō)應(yīng)該是操作路徑過(guò)長(zhǎng) : ),因?yàn)?Figma 本身插件呼出非常低效,再加上很多設(shè)計(jì)師并不會(huì)記住插件的名字,導(dǎo)致尋找插件非常雞肋
在 Figma 當(dāng)中,比較難使用的便是如何高效的切換插件。這其實(shí)是一個(gè)交互問(wèn)題,恰好 FigmaEX 解決了這個(gè)問(wèn)題
我們都知道電腦屏幕的布局本身就是以寬屏的形式存在,也就意味著,F(xiàn)igmaEX利用了橫向的寬度,在右側(cè)固定一個(gè)區(qū)域用于展示基礎(chǔ)的信息,這樣就能夠固定快速你想要的figma插件,并且這款插件是國(guó)人產(chǎn)出的,也更令人驕傲

不過(guò)Figma EX 需要單獨(dú)安裝,不過(guò)這類插件確實(shí)已經(jīng)超過(guò) Figma 可以開(kāi)放權(quán)限的范疇,只能夠單獨(dú)安裝
NB Charts
在我們B端需求當(dāng)中,一定會(huì)存在很多圖表類的需求,這時(shí)候便可以使用 NB Charts 這款軟件來(lái)快速實(shí)現(xiàn)頁(yè)面,方便與團(tuán)隊(duì)明確這樣的方案是否能夠接受
并且還可以根據(jù)圖表進(jìn)行內(nèi)容的調(diào)整,導(dǎo)入對(duì)應(yīng)的數(shù)據(jù) JSON等等…,可謂是非常強(qiáng)大
Measure
這款老牌插件,含金量自然不必多說(shuō),因?yàn)槲移綍r(shí)也只是簡(jiǎn)單用一用標(biāo)注功能,因此這款插件還是非常不錯(cuò)
Auto follower
流程圖怎么辦?有的時(shí)候想要快速連接原型之間的交互,便可以使用它,可以快速連接不同的頁(yè)面,還可以自定義這條流程線條的顏色、粗細(xì)、圓角大小等等
雖然比不了傳統(tǒng)的流程圖工具,但是解一解燃眉之急還是非常不錯(cuò)的
SkewDat
如果想要把一個(gè)頁(yè)面稍稍傾斜一下,你會(huì)怎么辦?在沒(méi)使用 這款插件,我需要將這個(gè)圖片導(dǎo)出、打開(kāi)PS、通過(guò)PS來(lái)對(duì)圖片進(jìn)行調(diào)整,然后導(dǎo)出,再導(dǎo)入到 Figma 里面,整個(gè)操作方式可謂是“一氣呵成”
SkewDat 恰好能夠解決這個(gè)問(wèn)題,同樣,它可以斜切:圖片、形狀、文本 等內(nèi)容,在使用上可以更加方便,并且這里的傾斜操作是非破壞性的,也就是說(shuō)我們可以傾斜了過(guò)后繼續(xù)調(diào)整字體

當(dāng)然上面的所有插件都可以在 Figma 社區(qū)找到,大家按照名字自行下載即可,不過(guò)在公眾號(hào)放這么多動(dòng)圖真的痛苦,后續(xù)做一個(gè)視頻詳細(xì)給大家分享一下…
原文鏈接:CE青年Youthce(公眾號(hào))
作者:CE青年
轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》B端設(shè)計(jì)師常用的七款 Figma 插件
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司