什麼是設計系統？電商為什麼需要？
設計系統是品牌數位體驗的單一真相來源：色彩、字體、間距等設計代幣，加上按鈕、卡片、版型等可複用元件與使用準則。對電商而言，它讓活動頁產出從數週縮到數天、讓多人協作不走樣、讓品牌在每個接觸點長得像同一個人。
每頁長得不一樣
三個設計師、五個檔期之後，官網像是拼貼出來的。
改版成本居高不下
沒有可複用的元件，每個新頁面都是客製專案。
設計交付靠猜
設計稿與實作總有落差，來回修改吃掉所有時程。
我們怎麼做
設計代幣
色彩、字階、間距、圓角——品牌的視覺 DNA 變成程式碼可讀的變數。
元件庫
Figma 與程式碼雙生的元件庫，設計即開發。
使用準則
什麼時候用什麼元件、怎麼組合——把品味寫成文件。
治理機制
新增與修改的流程設計，讓系統活著長大而不是腐化。
合作流程
01
品牌盤點
視覺資產與既有介面的體檢
02
代幣定義
設計代幣與命名系統建立
03
元件建置
Figma 元件庫與程式碼元件同步打造
04
導入陪跑
團隊培訓與治理流程建立
常見問題
需要，而且受益更大——小團隊沒有重工的本錢。規模可以從一頁式的代幣表開始，隨品牌成長擴充。
Figma 元件只解決設計端。設計系統的價值在設計與程式碼同步——改一個代幣，全站一起更新。
核心代幣與基礎元件約 4–6 週；完整系統隨範圍而定，我們建議分階段交付、邊用邊長。
CIS 定義品牌是誰，設計系統定義品牌在數位介面上怎麼行動——後者是前者的執行層。
