免費諮詢
↑
Design · 網站設計與費用

2023 UI設計師都用什麼Figma Plugin?推薦5款實用插件 為您提升工作效率!

網站設計與費用發布 2023.04.11更新 2026.07.07閱讀約 3 分鐘

許多 UI 設計師從其他介面軟體轉而入坑 Figma 的其中原因,就是豐富且優質的 Plugin 提供給大家免費使用,若能善用這些好工具,可以為您在設計過程中減少大量的時間與精力,因此我想推薦 5 款最常使用的好工具給您。

1.Similayer

很多的圖層讓您在選取物件時特別頭痛嗎?Similayer可以為您解決這個煩腦!您可以透過多重篩選功能(填色、線條、字型、圓角、效果等。。。),讓你一次在不同圖層(鎖定圖層也適用!)選定相同樣式的物件,以用來快速進行編輯,是不是相當方便呢~

插件連結

https://www.figma.com/community/plugin/735733267883397781/

2023 UI設計師都用什麼Figma Plugin?推薦5款實用插件 為您提升工作效率!|Similayer|鵠崙設計
2023 UI設計師都用什麼Figma Plugin?推薦5款實用插件 為您提升工作效率!|Similayer|鵠崙設計

 

2.自動流

Autoflow 可以讓您在製作 UI flow 時變得相當簡單,只需選取兩個 frame,並同時按住 ⇧SHIFT,就可產生出一條簡約的流程線,當然您也可以依需求調整這條線的樣式。而其中 Autoflow 最棒的是,他會避開圖版上的所有物件,並不會干擾到您的設計工作。

插件連結

https://www.figma.com/community/plugin/733902567457592893

2023 UI設計師都用什麼Figma Plugin?推薦5款實用插件 為您提升工作效率!
2023 UI設計師都用什麼Figma Plugin?推薦5款實用插件 為您提升工作效率!

 

3.圖標化

經常在尋找icon時花費您的寶貴時間嗎?Iconify 彙整超過 100 個系列的豐富 Icon 資源,包括 Material Design Icons / Bootstrap Icons / FontAwesome / Emoji..。。等,您可以在匯入時自由調整顏色與大小。更方便的是,它可以讓您快速替換選定的圖示,也可預先設定為 Component(元件),為您減少一些設計步驟。另外, Iconify 會生成程式碼,方便在網頁上引入 SVG。

插件連結

https://www.figma.com/community/plugin/735098390272716381

2023 UI設計師都用什麼Figma Plugin?推薦5款實用插件 為您提升工作效率!
2023 UI設計師都用什麼Figma Plugin?推薦5款實用插件 為您提升工作效率!

 

4.不飛濺

Unsplash 圖庫不只免費提供商用與個人使用優質圖片(詳情可見Unsplash License),也為您在 Figma 置入圖片時更加分!他提供隨機產生圖片功能,您可透過同時選取多個想添加圖片的物件(例如:欲放置頭像的圓形),接著點選 Unsplash 預設系列(例如:人像),它將會隨機產生多個人像,讓您一鍵快速挑選並完成添加步驟。

插件連結

https://www.figma.com/community/plugin/738454987945972471

2023 UI設計師都用什麼Figma Plugin?推薦5款實用插件 為您提升工作效率!Autoflow|鵠崙設計|Unsplash|鵠崙設計
2023 UI設計師都用什麼Figma Plugin?推薦5款實用插件 為您提升工作效率!Autoflow|鵠崙設計|Unsplash|鵠崙設計

 

5.M樣機

還在為找尋免費的模型素材圖所苦惱嗎? Mockup 提供多種裝置,您只需將設計稿拖拉進去,便立即生成優質的展示圖片。另外,您也可以將現有的模型匯入並且轉換視角,再將設計匯入即可。是不是很方便呢?趕緊來下載吧!

插件連結

https://www.figma.com/community/plugin/817043359134136295

2023 UI設計師都用什麼Figma Plugin?推薦5款實用插件 為您提升工作效率!Autoflow|鵠崙設計|Mockup|鵠崙設計
2023 UI設計師都用什麼Figma Plugin?推薦5款實用插件 為您提升工作效率!Autoflow|鵠崙設計|Mockup|鵠崙設計
鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。這篇文章由負責維護的同事撰寫,數字來自實際的報價與維護紀錄。
FAQ

這篇文章,
常問的

針對這篇內容的問答;更一般的問題看網站設計與費用 hub。

01這些外掛在 Figma 免費版就能用嗎?

的 5 款外掛(Similayer、Autoflow、Iconify、Unsplash、Mockup)都是在 Figma Community 上架的免費插件,直接透過連結安裝即可使用,不需要額外付費升級方案。

02Iconify 產生的 SVG 程式碼可以直接放到網站上用嗎?

可以,Iconify 匯入圖示時能調整顏色與大小,並會生成對應的程式碼,方便直接在網頁中引入 SVG,省去另外去圖示庫下載或手動轉檔的步驟。

03Autoflow 畫的流程線會擋到我的設計版面嗎?

不會,Autoflow 最大的優點就是連線時會自動避開圖版上的其他物件,不會干擾原本的設計內容,且線條樣式也可以依需求自行調整。

04Unsplash 這個外掛跟直接去 Unsplash 網站下載圖片有什麼不同?

差別在效率,這個外掛可以同時選取多個物件(例如多個要放頭像的圓形),選擇預設圖片系列後就能一次隨機產生並套用圖片,不用逐張下載再手動拖曳進 Figma。

Service

看完之後,想找人做?

網頁設計:先理解你的需求、確認架構,再開始設計;費用區間先講清楚。

網頁設計服務
Contact

留下需求,
1 個工作天內回覆

告訴我們你的產業、現在的網站、想解決什麼;回覆時會附上同產業的案例與估價區間。