01 · OpenDesign 是什麼
一句話:OpenDesign 把你已經裝在電腦上的編碼 Agent,接上一套設計流程,變成一臺能出網頁、原型、PPT、看板、海報和影片的機器。
它自己不訓練模型,也不託管你的東西。它提供的是中間那一層——技能、設計系統、需求表單、預覽沙箱、匯出管線。模型和算力是你自帶的。
它解決的是哪個問題
2026 年這一波 AI 設計工具,能力上都差不多:描述意圖,出一個能跑的介面。問題出在交付方式上。託管型產品把這個能力鎖在三件事裡:
- 鎖模型 — 只能用它家的模型,你覺得別家更適合也換不了。
- 鎖雲 — 生成過程走它的伺服器,產物存在它的庫裡,客戶資料也一起過去了。
- 鎖賬單 — 你已經為編碼 Agent 付了一份訂閱,現在設計要再付一份。
OpenDesign 的做法是把這套迴圈——識別意圖、選技能、生成、預覽、匯出——從任何一家的產品裡抽出來,做成一層可以套在任意 Agent 上的殼。官方教程裡那句話說得最直白:這個設計迴圈是一個模式,不是護城河。
三個決定性的屬性
開源,Apache-2.0
程式碼在 github.com/nexu-io/open-design,Apache-2.0 許可。你可以 fork、改技能、加自己的設計系統、把 daemon 部署到自己的機器上。維護方是 Powerformer, Inc.,討論在 GitHub Issues 和 Discord。
本地優先
桌面應用、daemon、技能執行時全部跑在你機器上。生成的產物落在你的專案目錄裡。只有提示詞和技能上下文會發給你自帶 key 的那家模型廠商——OpenDesign 自己沒有伺服器接這個流量。
這一條對兩類人是硬需求:接客戶專案的(資料不能過第三方)、在內網環境幹活的。
BYOK,你的 key 你的賬
憑據放在 .od/media-config.json 或者你的 shell 環境變數裡。API 呼叫從你的機器直接打到模型廠商。換廠商是換一個 key,不是重新上手一遍。
還有一種更省事的接法:直接指向你本機的 CLI(Codex、Claude Code、Cursor、OpenCode)。這樣連 API key 都不用暴露,生成走的是你已經登入的那個訂閱。
跟 Claude Design 比
官方把自己定位成 Claude Design 的開源本地替代,這個對比表值得先看一眼:
| OpenDesign | Claude Design | |
|---|---|---|
| 許可 | Apache-2.0,可 fork | 閉源 |
| 執行位置 | 你的機器 | 廠商雲 |
| 模型 | 21 個 Agent 介面卡,BYOK | 鎖定 Anthropic |
| 產物 | 你倉庫裡的檔案 | 廠商庫裡的記錄 |
| 費用 | 應用免費,只付模型 | 訂閱 |
| 換工具成本 | 技能與設計系統是 Markdown,可帶走 | 遷移即重做 |
別把它當無痛替代
換來的自由是有代價的。你得自己裝 Node 24、自己管 key、自己判斷生成的東西夠不夠好——託管產品替你做掉的那些事,這裡都回到你手上。桌面版把安裝這一段抹平了,剩下兩件還在。
它能做出什麼
不止靜態頁面。當前版本能產出的型別大致是這幾類:
- 原型與網頁 — 落地頁、SaaS 介面、移動端介面、儀表盤。
- 幻燈片 — HTML deck,能全屏演示,也能匯出成真能編輯的 PPTX。
- 影像 — 海報、封面、圖示、頭像,也能從一張手繪草圖起步。
- 動效與影片 — SVG + CSS 的程式碼動效,以及跟 hyperframes 專案合作的 HTML 影片。
- 设计系统 — 從一張截圖或者一份 Figma 匯出,反向抽出一份「DESIGN.md」。
- 桌面寵物 — 是的,真有這個。跟產出無關,但它說明這個專案在意工具的手感。
版本與規模
寫這本書時的口徑(數字會變,以官網為準):
| 項 | 數 |
|---|---|
| 最新穩定版 | v0.21.1(2026-08-31) |
| Agent 介面卡 | 21 個 |
| 外掛總數 | 479+(模板 292 · 技能 23 · 設計系統 152) |
| Craft 渲染準則 | 12 條 |
| 貢獻者 | 409 人 |
名字的事
OpenDesign、Open Design、open-design、opendesign、Open Design AI、OD,指的都是同一個專案。倉庫 slug 是 open-design,產品裡和 README 裡的正式寫法是 OpenDesign。搜尋時哪個都能搜到,但規範地址永遠是 open-design.ai。
下一步
02 · 安裝 — 桌面版三分鐘,原始碼三行命令,兩條路各自的坑。