⛳️

2025.6更新:本Plugin目前已累計超過 6.9K 次下載!

Spaciiing是一款專門為UI/UX設計師所製作的絕妙工具。有了它,即可更輕鬆、更有效率地在Figma中執行設計工作。

Spaciiing:以8pt系統快速設定間距

Spaciiing可協助設計師以8pt系統快速設定元素間距。無需設定麻煩的Auto layout,就可迅速驗證各式排版創意。本工具支援以垂直、水平、格線三種模式排列物件。

獻給UIUX設計師的多合一Figma plugin!Spaciiing一個抵十個,排間距、畫箭頭都能一鍵搞定!

畫箭頭:迅速製作流程圖

本工具能夠將設計好的UI設計稿迅速加上箭頭,轉換為流程圖。只需將需要連接的物件選取起來、按下按鈕,物件便會自動以箭頭連接。一次性可連接的物件數量不限。

物件連接點支援上下左右4方位,可製作總計16種的連接組合。同時,能夠自由地調整箭頭的顏色、圓角、粗細等,並將修改內容儲存為樣式供日後使用。

獻給UIUX設計師的多合一Figma plugin!Spaciiing一個抵十個,排間距、畫箭頭都能一鍵搞定!
獻給UIUX設計師的多合一Figma plugin!Spaciiing一個抵十個,排間距、畫箭頭都能一鍵搞定!
畫箭頭工具能夠將設計好的UI設計稿轉換為流程圖

屬性剪貼簿:記憶並套用常用屬性

本工具能夠指定複製對象,並單獨地貼上如尺寸、圓角、透明度、填色、效果等屬性。

獻給UIUX設計師的多合一Figma plugin!Spaciiing一個抵十個,排間距、畫箭頭都能一鍵搞定!

虛擬檔案:在團隊間使用統一的假資料

本工具可協助您在團隊間使用統一的假資料製作設計,避免資料不一致所導致的溝通誤會與困擾。虛擬檔案內的資料會自動儲存、同步,且所有使用Spaciiing plugin的成員都可看見變更。

獻給UIUX設計師的多合一Figma plugin!Spaciiing一個抵十個,排間距、畫箭頭都能一鍵搞定!

過濾選取範圍

依照圖層類型過濾選取範圍。

獻給UIUX設計師的多合一Figma plugin!Spaciiing一個抵十個,排間距、畫箭頭都能一鍵搞定!

調整寬高比

一鍵調整選取圖層至指定的寬高比。

獻給UIUX設計師的多合一Figma plugin!Spaciiing一個抵十個,排間距、畫箭頭都能一鍵搞定!

以樣式、變數輕鬆建立型錄(樣式文件)

只需一鍵,即可輕鬆建立清楚標示樣式規格的型錄。

獻給UIUX設計師的多合一Figma plugin!Spaciiing一個抵十個,排間距、畫箭頭都能一鍵搞定!
Spaciiing製作的型錄

捷徑

捷徑是彙集了各種常用操作的寶庫。例如,運用「尋找與取代」功能可快速修正打錯的文字;也可以選中具有填色的圖層,快速生成HTML碼所需的Hex或RGB值文字標籤。

獻給UIUX設計師的多合一Figma plugin!Spaciiing一個抵十個,排間距、畫箭頭都能一鍵搞定!

本功能可額外搭配「筆記」、「設計狀態標籤」、「標題區段」等元件使用。輕點按鈕,便可在Frame上方生成元件,且外掛程式還會貼心地幫你填上目前的日期,助你追蹤該畫面的設計進展與狀態。

Figma plugin spaciiing
運用捷徑生成的「筆記」會自動帶入建立當日的日期,協助你追蹤設計進度

圖層名稱清理

一鍵清理繁複的圖層命名。

獻給UIUX設計師的多合一Figma plugin!Spaciiing一個抵十個,排間距、畫箭頭都能一鍵搞定!

建立變數:以JSON格式快速建立變數

以JSON程式快速建立變數,並且一次性將指定的適用範圍套用到該次建立的所有變數。

獻給UIUX設計師的多合一Figma plugin!Spaciiing一個抵十個,排間距、畫箭頭都能一鍵搞定!

預設樣式庫

從知名設計系統中快速建立樣式與變數(色彩/效果/版式)。支援:

獻給UIUX設計師的多合一Figma plugin!Spaciiing一個抵十個,排間距、畫箭頭都能一鍵搞定!

訂閱Spaciiing Pro,無限制暢享全部功能

免費用戶可在等待一定緩衝時間的前提下使用全部功能,訂閱Spaciiing Pro則可免除前述限制。欲訂閱Spaciiing Pro的客戶,請前往Gumroad頁面進行訂閱。所有訂閱計畫均包含1週免費試用。

Figma plugin spaciiing
歡迎至Gumroad頁面訂閱Spaciiing Pro。

在Figma Community中啟用此Plugin

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

PROMOTION

用Figma做設計從未如此輕鬆

利用Spaciiing(plugin)一鍵調整間距、畫箭頭、製作樣式文件

暸解詳情

RECOMMEND

READ MORE

承邑的最新文章