我究竟要用哪一個插件?我不知道,每一個插件的是用來做什么的?我不清楚。因為身邊的同學(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 插件
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(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è)計公司