B端設計師常用的七款 Figma 插件

2022-5-18    seo達人


圖片

 

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

 

Contento

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

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

圖片

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

圖片

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

 

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

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

圖片

2.社區(qū)強大:

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

圖片

3.自定義:

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

圖片

 

Chinese Font Picker

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

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

圖片

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

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

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

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

圖片

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

 

FigmaEX

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

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

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

圖片

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

 

NB Charts

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

圖片

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

 

Measure

雖然 figma 軟件自帶的標注功能就已經(jīng)非常出色,但是在日常的工作協(xié)同當中,我們還是需要對頁面當中的內(nèi)容進行細致的標注,以便讓程序員更加清楚的理解我們設計的含義。因此可以使用 Measure 這款軟件來對頁面的信息進行單獨的標注

圖片

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

 

Auto follower

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

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

 

SkewDat

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

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

圖片

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

 

原文鏈接:CE青年Youthce(公眾號)

作者:CE青年

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

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

截屏2021-05-13 上午11.41.03.png

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

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

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




日歷

鏈接

個人資料

藍藍設計的小編 http://www.yvirxh.cn

存檔