一套設計系統，套用到 agent 做的每一樣東西

用 Open Design 做設計系統的流程

1. 01

   沉澱系統

   描述你的品牌——顏色、字體、間距、語氣——或讓 agent 指向一個現有網站去擷取。Open Design 把它寫進一份留在你專案裡的 DESIGN.md。

2. 02

   從成熟基底起步

   Open Design 自帶 140+ 套參考設計系統——從 Apple、Linear 到編輯風、粗獷主義。fork 一個接近你品牌的，而不是從白紙開始。

3. 03

   處處套用

   其他每個 skill 都讀同一套系統，所以原型、deck、儀表板共用一套視覺語言——你不用每次重新指定。

4. 04

   在一處演進

   改一處系統，下一次算繪處處生效。因為它是儲存庫裡的一個檔案，設計決策像程式碼一樣被審查和版本控管。

用 Open Design 做設計系統 vs. 老方法

下面是 140+ 套參考系統裡的幾個，可作為起點 fork。挑一個接近你品牌的去改。

瀏覽設計系統 →

設計系統常見問題

1. 01 這裡的設計系統具體是什麼？ +

   儲存庫裡一份 DESIGN.md，沉澱顏色、字體、間距、元件和語氣。每個 Open Design skill 都讀它，所以 agent 產出的任何東西都自動套用你的品牌。

2. 02 必須從零開始嗎？ +

   不必。Open Design 自帶 140+ 套參考設計系統可 fork——從 Apple、Linear 到編輯風、粗獷主義——再貼合你的品牌。

3. 03 怎麼在 deck、儀表板、原型之間保持一致？ +

   因為這些 skill 都讀同一份 DESIGN.md。定義一次，一致性就是自動的，而不是靠手動盯著。

4. 04 可以用哪些 agent？ +

   Claude Code、Codex、Cursor Agent、Gemini CLI 等第一方轉接器，自帶 provider 金鑰。