歸檔於 設計 · 智能 Apache-2.0 · 來自地球
替代方案 · Claude Design

開源的 Claude Design 替代方案。

Open Design 是開源、本機優先的 Claude Design 替代方案。相同的使用情境 — 提示到設計產物 — 不同的姿態:用你已經在用的代理做 BYOK、把你的品牌保存為一份可攜帶的 DESIGN.md 檔案,並把產物以檔案形式交付於你的專案中。

Open Design vs Claude Design — 暖紙質編輯風插畫,描繪程式碼匯聚成一個設計樞紐

Open Design 是圍繞你已在用的編碼代理的開源、本機優先設計層 — 你的金鑰、你的檔案、一個精選的技能與設計系統庫。

Claude Design 是一個用於提示到設計工作的託管、廠商託管產品。Open Design 是面向 Claude Code 與其他編碼代理的自我進化設計代理 — 本機優先、BYOK、Apache-2.0 — 它把你的技能與一份可攜帶的品牌以檔案形式留存在你自己的 repo 中。

這是一份誠實的比較:團隊為何尋找替代方案、本機優先 + BYOK 如何改變經濟性、逐項功能對照表、誰該選哪個,以及如何把一份設計搬過來。它對託管產品更便利之處直言不諱。

Claude Design 是什麼

Claude Design 是一個把提示轉成設計產物的託管、廠商託管產品,綁定於單一廠商的雲端與代理。它很便利:零本機設定、單一帳單、一個託管 UI。

Open Design 是不同的姿態:一個本機優先、開源的設計代理,你把自己的編碼代理指向它 — 在「提示到設計產物」的任務上重疊,但不在於它是一個託管產品。

  • 廠商:託管 SaaS、單一廠商代理
  • 定價:綑綁進廠商訂閱中
  • 主要產出:廠商託管的文件

團隊為何尋找 Claude Design 替代方案

這些理由在支援討論串、GitHub discussions 與 Discord 中反覆出現:

  • 資料擁有權: 設計應以檔案形式留存於 repo,而非廠商資料庫中的文件。
  • BYOK 經濟性: 自帶供應商金鑰,讓 API 支出計入你自己的帳戶,而非綑綁的訂閱。
  • 代理自選: 用你已經在寫程式時所用的代理來驅動設計 — Claude Code、Codex、Cursor 等等。
  • 自架 / fork: Apache-2.0、完整原始碼,可為你的工作室或公司重新品牌化。

本機優先 + BYOK,解析

Open Design 在你的機器上執行一個桌面應用、一個本機 daemon,以及 Markdown 的技能/系統目錄。不會強迫任何設計產出經過廠商雲端,而你的品牌以一份可攜帶的 DESIGN.md 檔案留存在你的 repo 中,每個技能都遵循它。

你自帶代理金鑰。憑證留在本機設定或環境變數中 — Open Design 絕不代理它們 — 而 API 支出直接計入你自己。

Open Design vs Claude Design,逐項功能

功能Open DesignClaude Design
授權Apache-2.0,GitHub 上完整原始碼閉源、託管產品
執行環境你機器上的本機 daemon廠商雲端
代理BYOK:Claude Code、Codex、Cursor、Gemini、OpenCode、Qwen廠商託管的代理
API 支出計入你自己的帳戶綑綁進廠商訂閱中
設計系統你 repo 中可攜帶的 DESIGN.md儲存於廠商資料庫
技能可組合、可 fork 的 SKILL.md內建範本
自架可以,凡能跑 Node 24 的地方皆可
產物擁有權你專案目錄中的檔案廠商託管的文件
CLI / CI可以,透過 od CLI + HTTP daemon僅 Web UI

Claude Design 勝出之處:零本機設定、單一廠商帳單與一個託管 UI。若便利是首要考量,託管產品難以匹敵 — Open Design 用它換取擁有權、BYOK 與開源。

誰該選哪個

選 Claude Design,如果:

  • 你想要零本機設定與單一廠商帳單。
  • 你已深耕於以 Claude 為先的託管工作流。
  • 比起 Markdown 檔案,你的團隊更偏好託管 UI。

選 Open Design,如果:

  • 你想要把設計產物做成受版控的檔案。
  • 你想用你既有的編碼代理做 BYOK。
  • 你想要 fork、重新品牌化、嵌入 CLI 或自架。
  • 你想要每個品牌一份 DESIGN.md,且每個技能都遵循。

把一份設計從 Claude Design 搬進 Open Design

目前沒有從 Claude Design 自動匯入的功能;使用一次性的品牌擷取執行。

  1. 依快速上手指南安裝 Open Design。
  2. 打開 Web UI,把你的代理指向一個你喜歡的 Claude Design 產物。
  3. 請代理把品牌擷取成一份 DESIGN.md 檔案。
  4. 挑一個技能,依你的新品牌渲染它。

自此之後,每個技能都會以你的品牌渲染,無需重複提示 — 而且檔案都留在你的 repo 中。

FAQ

  1. 01 Open Design 真的是 Claude Design 的即插即用替代方案嗎?

    並非字面意義上的即插即用,但兩者在「提示到設計產物」的使用情境上重疊。

  2. 02 我能在 Open Design 中用 Claude 當我的代理嗎?

    可以。Open Design 支援 Claude Code 與 Anthropic API 的 BYOK 流程;憑證絕不經過我們代理。

  3. 03 我的 Claude Design 設計會怎樣?

    你可以在用 Open Design 的同時繼續用 Claude Design;目前遷移是手動的。

  4. 04 Open Design 能生成相同類型的產物嗎?

    常見類型皆可:落地頁、簡報、儀表板、社群貼文、品牌系統與原型。

  5. 05 Open Design 真的開源嗎?

    是的。它位於 github.com/nexu-io/open-design,採 Apache-2.0,且可自架。

  6. 06 Open Design 與 Anthropic 或 Claude 有關聯嗎?

    沒有。Open Design 是一個獨立的開源專案。Claude 是 Anthropic 的商標;這是一份無關聯的比較。

三個指令完成切換。

為 repo 點星、取得桌面版,或在你的終端機執行安裝。從第一次渲染起,你的 DESIGN.md 系統就留在你的 repo 中。

● Apache-2.0 本地優先 · BYOK 查看所有比較