在 UI/UX 設計領域,很多工作已經不用真的從0開始做了。用好插件,往往能讓設計工作事半功倍。在 Figma 和 Sketch 這樣的設計工具當中,插件賦予了設計更多的可能性,更快的執行效率,更快捷的流程,以及更完善的體系。這次,我們梳理一波 Figma 當中超級好用、提升效率的 10 個插件。

Renameit

幫 UI 設計師極大提升效率的10款 Figma 插件

這是一款傳奇級別的插件,使用過 Sketch 的同學可能會知道它。在 Figma 當中它同樣好用,最重要的是,它能夠根據規則快速將所有的組件進行規范化的命名,且不會影響文本圖層的內容,并且特別的快。

Styler

幫 UI 設計師極大提升效率的10款 Figma 插件

如果你在進行新的設計項目的時候,不打算使用現成的 UI 工具包,那么就意味著你需要為自己的設計系統構建秩序良好的樣式、命名規則,而 Styler 這個工具可以幫你搞定這部分體力活兒!

Component Cloner

幫 UI 設計師極大提升效率的10款 Figma 插件

很多同學在使用 Figma 設計 UI 的過程中,會發現 Figma 的缺點之一,是沒有快速克隆組件的功能,而這個名為 Component Cloner 的插件可以幫你搞定這件事情。

Component Replacer

幫 UI 設計師極大提升效率的10款 Figma 插件

構建復雜的組件的時候,經常需要使用各種 UI 元素來替換它們,有了這個組件替換器,可以幫你更快完成這個過程。

Stark

幫 UI 設計師極大提升效率的10款 Figma 插件

UI 組件的可訪問性是一個重要的指標,Stark 是做 UI 可訪問性優化和規范化的著名解決方案,如今它也有 Figma 版本,可以幫你確保 UI 的合理性和可訪問性。

Palette

幫 UI 設計師極大提升效率的10款 Figma 插件

如果你需要從零開始制定配色方案,有很多配色工具可以幫到你,但是最好用的,始終是 Palette 。

Find and Replace

幫 UI 設計師極大提升效率的10款 Figma 插件

在復雜的設計系統當中,針對圖層進行命名和修改是一個麻煩事兒,Find and Replace 可以幫你快速修改圖層和相關的內容,非常好用。

Iconify

幫 UI 設計師極大提升效率的10款 Figma 插件

這是一個包含大量圖標和表情符的插件服務,其中的素材大都是可供編輯的格式,比如 SVG,可以直接復制相關代碼應用到項目當中。

Wireframe

幫 UI 設計師極大提升效率的10款 Figma 插件

這是一個快速繪制線框圖的工具,它幫設計師更快完成線框圖的繪制和調整,其中包含大量基礎的組件與模塊能夠讓設計師專注于更重要的事情,而不是重復基礎的工作。

Figmotion

幫 UI 設計師極大提升效率的10款 Figma 插件

Figmotion 是一個超強的動畫效果設計工具,能夠讓設計師在 Figma 當中創造更加順滑舒適的動效,它的運作機制類似于 AE。對于開發者而言,Figmotion 更容易管理。雖然上手可能沒那么快,畢竟做動畫還是稍微有點復雜的,但是總體上依然好用且便捷,特別出效果。

收藏 173
點贊 51

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。