AI 生成設計作品時,最常見的問題是風格不一致:每次生成的網頁、簡報、儀表板都像出自不同設計師之手。Open Design(OpenDesign)的解法,是將品牌設計系統寫成一份放在專案儲存庫中的 DESIGN.md 檔案,讓所有 AI 代理(coding agent)讀取同一份規範,一次定義、處處套用。[1]
DESIGN.md:以文件為核心的設計系統
傳統設計系統通常鎖定在設計工具之中,或散落於靜態風格指南,難以審計與版本管理。Open Design 採取不同做法:設計系統就是一份 DESIGN.md——以 Markdown 記錄顏色、字型、間距、組件與語調的單一文件,任何 AI 代理於生成時讀取,品牌規範便自動套用於所有產出。[1]
這份文件存放在專案儲存庫之中,設計決策如同程式碼一樣接受審查與版本控制:改動系統一次,下一次生成便反映於所有地方,毋須在工具與檔案之間逐一搜尋替換。[1]
四個步驟建立設計系統
Open Design 將流程分為四步:[1]
- 捕捉系統——描述品牌顏色、字型、間距與語調,或讓代理參考現有網站抽取設計語言,寫入專案中的 DESIGN.md
- 由成熟基礎出發——Open Design 內置超過140套參考設計系統,由 Apple、Linear 到編輯風格與粗野主義(brutalist)皆有,選擇貼近品牌的系統分支(fork)再調整,毋須白紙起稿
- 處處套用——所有技能讀取同一份系統,原型、簡報與儀表板共享同一視覺語言,毋須每次重新指定
- 一地演化——修改系統後,下次生成即反映於所有輸出;因為是儲存庫中的檔案,設計決策如同程式碼般可審查、可版本化
與傳統方式的對比
對比傳統設計工具資料庫,DESIGN.md 模式的優勢在於:系統定義由代理讀取、可在不同產出類型間套用、一致性自動維持、品牌演進只需編輯一處,而且開源、可攜、可本地執行,不受單一設計工具訂閱鎖定。[1]
支援的代理與生態
Open Design 支援 Claude Code、Codex、Cursor Agent、Gemini CLI 等多種 coding agent,使用自己的供應商金鑰,設計系統於本地運作。專案以 Apache-2.0 開源授權發布,提供桌面應用程式(macOS、Windows),設計系統檔案可於 GitHub 檢視與分支。[1]
對於頻繁使用 AI 生成設計、又希望品牌保持一致的使用者,Open Design 提供了一個「設計系統即程式碼」的務實框架——將品牌規範納入版本控制,讓每一次生成都 unmistakably 屬於你的品牌。
參考資料
[1] Open Design — Build and apply a design system with OpenDesign