Skip to content

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 的開源本地替代,這個對比表值得先看一眼:

OpenDesignClaude 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 · 安裝 — 桌面版三分鐘,原始碼三行命令,兩條路各自的坑。

非官方社群教程 · 內容整理自 open-design.ai 公開資料與實測記錄 · 以官方最新說明為準