掃二維碼與項(xiàng)目經(jīng)理溝通
我們在微信上24小時(shí)期待你的聲音
解答本文疑問/技術(shù)咨詢/運(yùn)營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
在 UI/UX 設(shè)計(jì)領(lǐng)域,很多工作已經(jīng)不用真的從0開始做了。用好插件,往往能讓設(shè)計(jì)工作事半功倍。在 Figma 和 Sketch 這樣的設(shè)計(jì)工具當(dāng)中,插件賦予了設(shè)計(jì)更多的可能性,更快的執(zhí)行效率,更快捷的流程,以及更完善的體系。這次,我們梳理一波 Figma 當(dāng)中超級好用、提升效率的 10 個(gè)插件。

創(chuàng)新互聯(lián)公司專注于淇縣企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計(jì),商城網(wǎng)站制作。淇縣網(wǎng)站建設(shè)公司,為淇縣等地區(qū)提供建站服務(wù)。全流程按需制作網(wǎng)站,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
這是一款傳奇級別的插件,使用過 Sketch 的同學(xué)可能會知道它。在 Figma 當(dāng)中它同樣好用,最重要的是,它能夠根據(jù)規(guī)則快速將所有的組件進(jìn)行規(guī)范化的命名,且不會影響文本圖層的內(nèi)容,并且特別的快。
如果你在進(jìn)行新的設(shè)計(jì)項(xiàng)目的時(shí)候,不打算使用現(xiàn)成的 UI 工具包,那么就意味著你需要為自己的設(shè)計(jì)系統(tǒng)構(gòu)建秩序良好的樣式、命名規(guī)則,而 Styler 這個(gè)工具可以幫你搞定這部分體力活兒!
很多同學(xué)在使用 Figma 設(shè)計(jì) UI 的過程中,會發(fā)現(xiàn) Figma 的缺點(diǎn)之一,是沒有快速克隆組件的功能,而這個(gè)名為 Component Cloner 的插件可以幫你搞定這件事情。
構(gòu)建復(fù)雜的組件的時(shí)候,經(jīng)常需要使用各種 UI 元素來替換它們,有了這個(gè)組件替換器,可以幫你更快完成這個(gè)過程。
UI 組件的可訪問性是一個(gè)重要的指標(biāo),Stark 是做 UI 可訪問性優(yōu)化和規(guī)范化的著名解決方案,如今它也有 Figma 版本,可以幫你確保 UI 的合理性和可訪問性。
如果你需要從零開始制定配色方案,有很多配色工具可以幫到你,但是最好用的,始終是 Palette 。
在復(fù)雜的設(shè)計(jì)系統(tǒng)當(dāng)中,針對圖層進(jìn)行命名和修改是一個(gè)麻煩事兒,F(xiàn)ind and Replace 可以幫你快速修改圖層和相關(guān)的內(nèi)容,非常好用。
這是一個(gè)包含大量圖標(biāo)和表情符的插件服務(wù),其中的素材大都是可供編輯的格式,比如 SVG,可以直接復(fù)制相關(guān)代碼應(yīng)用到項(xiàng)目當(dāng)中。
這是一個(gè)快速繪制線框圖的工具,它幫設(shè)計(jì)師更快完成線框圖的繪制和調(diào)整,其中包含大量基礎(chǔ)的組件與模塊能夠讓設(shè)計(jì)師專注于更重要的事情,而不是重復(fù)基礎(chǔ)的工作。
Figmotion 是一個(gè)超強(qiáng)的動畫效果設(shè)計(jì)工具,能夠讓設(shè)計(jì)師在 Figma 當(dāng)中創(chuàng)造更加順滑舒適的動效,它的運(yùn)作機(jī)制類似于 AE。對于開發(fā)者而言,F(xiàn)igmotion 更容易管理。雖然上手可能沒那么快,畢竟做動畫還是稍微有點(diǎn)復(fù)雜的,但是總體上依然好用且便捷,特別出效果。

我們在微信上24小時(shí)期待你的聲音
解答本文疑問/技術(shù)咨詢/運(yùn)營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流