⛳️
2025.6更新:本Plugin目前已累計超過 6.9K 次下載!
Spaciiing是一款專門為UI/UX設計師所製作的絕妙工具。有了它,即可更輕鬆、更有效率地在Figma中執行設計工作。
Spaciiing:以8pt系統快速設定間距
Spaciiing可協助設計師以8pt系統快速設定元素間距。無需設定麻煩的Auto layout,就可迅速驗證各式排版創意。本工具支援以垂直、水平、格線三種模式排列物件。

畫箭頭:迅速製作流程圖
本工具能夠將設計好的UI設計稿迅速加上箭頭,轉換為流程圖。只需將需要連接的物件選取起來、按下按鈕,物件便會自動以箭頭連接。一次性可連接的物件數量不限。
物件連接點支援上下左右4方位,可製作總計16種的連接組合。同時,能夠自由地調整箭頭的顏色、圓角、粗細等,並將修改內容儲存為樣式供日後使用。


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

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

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

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

以樣式、變數輕鬆建立型錄(樣式文件)
只需一鍵,即可輕鬆建立清楚標示樣式規格的型錄。


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

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

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

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

預設樣式庫
從知名設計系統中快速建立樣式與變數(色彩/效果/版式)。支援:
- Ant Design
- Bootstrap
- iOS
- IBM Carbon
- Material Design
- Shopify Polaris
- Tailwind CSS

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

在Figma Community中啟用此Plugin
https://www.figma.com/community/plugin/1129646367083296027
RECOMMEND
READ MORE
承邑的最新文章-
用通行密鑰(Passkey)設計無密碼登入體驗:使用流程、UI/UX設計個案研究、設計資源
無論是登入網站、服務,都需要建立一組帳號密碼。然而,隨著使用的服務越來越多,要記住的帳密也跟著越來越多。為了解決帳號容易...
2025.05.13 -
泰語中的你、我、他要怎麼說?在不同場合用法也有差!
在泰語中,「你、我、他」等人稱代名詞的用法會依據場合、說話的對象、彼此關係的親密程度而有所不同。儘管這是再簡單不過的道理...
2025.05.07 -
不再當Figma新手:讓UI設計稿更加專業的必要細節
優秀的UI設計稿,其價值不僅在於華麗的外表,更體現於背後所傳達的一致性、邏輯與縝密決策。透過這篇文章,你將能跳脫一昧聚焦...
2025.04.09
HCYDS:謝承邑個人網站設計系統
2024 年 9 月
Zica:為在台國際學生設計漢字教材
2025 年 4 月