KechuAI

OpenDesign：Claude Design 的开源替代，把"设计 Agent 工作区"做成可插拔后端

AI 设计
开源
前端
设计系统
Agent
2026/10/3
·

阅读时间: 大约 6 分钟

OpenDesign：Claude Design 的开源替代，把”设计 Agent 工作区”做成可插拔后端

OpenDesign 工作区首页：原型输入框（"Prototype a dashboard for tracking orders"）、最近项目（slack.com / Nike / Stripe / Shopify Design System）与示例原型（官方 README 截图）

Anthropic 发布 Claude Design 之后，“AI 设计 Agent”赛道迅速升温，但闭源 + 供应商绑定让很多团队观望。OpenDesign（github.com/nexu-io/open-design，官网 open-design.ai）是这个空档里冒出来的开源替代：主打本地优先、不绑定某一个 Agent。本文基于其官方 README 做一次梳理。

一、它是什么

按官方定义，OpenDesign 是”一个协作式设计 Agent 工作区（collaborative design agent workspace）“。典型流程是：

  1. 从一份 brief 开始：在输入框写需求（如”Prototype a dashboard for tracking orders”）；
  2. 锁定方向：没有品牌就从 5 个预置方向里挑一个；有品牌就丢一张截图或 URL——Agent 会连接 GitHub、导入 Figma，并沉淀成一份可复用的 DESIGN.md；
  3. Agent 产出第一版：把 plugin + functional skill 或 design template 与 DESIGN.md 绑定，由文件系统后端的 CLI 写出规范的工程文件；
  4. 沙箱预览与团队反馈：产物在沙箱 iframe 里实时预览，团队在同一项目里反馈，Agent 据此迭代。

它以 Apache 2.0 协议开源，对外定位就是”open-source Claude Design alternative”。

二、几个可核对的官方数字

  • 151 套品牌级 design system：README 称随仓库自带”151 brand-grade design-system packages”，以 DESIGN.md 为中心；老包可能只有这份 Markdown 契约，新包还带 manifest.json、编译好的 tokens.css、组件样例与来源说明；
  • 可插拔后端：README 提到的 coding agent 后端包括 Codex、Claude Code、DeepSeek Harness（dsh，官方称已原生支持结构化思考、工具调用、会话恢复）、OpenCode 等；
  • 五维自评（five-dimensional self-critique scoresheet）：作为 critique 设计模板内置，用来防止 AI 产出低质量设计；
  • 商业化层：OpenDesign Go 首月 $8，含 10+ 模型额度（README 举例 GPT-6.1 Sol、DeepSeek V4.1 Flash、GLM-5.3 Flash-X 等），个人版含 Codex/Claude Code/DSH/OpenCode 等的 API 访问。

三、客观评价：优势与局限

优势：

  1. 不绑定 Agent：这是它相对 Claude Design 最大的卖点——后端可换成自己已有的 coding agent，不被一家生态锁死；
  2. 本地优先 + Apache 2.0：design system、模板、插件都可检视、可改，能沉淀进自己的流程；
  3. 资产丰富：151 套 design system + 沙箱预览 + 五维自评，开箱即用度较高；
  4. 工作流完整：brief → DESIGN.md → 产出 → 预览 → 反馈闭环，而不只是一个生成器。

局限 / 口径偏差（nuance）：

  • “71” 与 “151” 的口径差：第三方项目库（koala）写的是”内置 71 个品牌级 design system”，而当前官方 README 已更新为 151——这类数字随版本快速增长，引用时应以官方仓库为准，不要把旧数字当现状；
  • 开源核心之上有商业层：$8 首月的 Go 计划、模型额度、云版（OpenDesign Cloud）才是持续运营主体，开源版与托管版的能力边界要看清；
  • “Claude Design 替代”是定位而非对等：koala 点评点出，Claude Design 作为商业产品能靠数据持续改进模型与产品，这是开源项目短期难以匹敌的；OpenDesign 提取的是”工作流封装价值”，而非模型本身能力；
  • 五维自评由 Agent 自评：分数是模型自己打的，存在”自己阅卷”偏差，不能当作客观质量证明。

四、适合谁用

  • 已经在用 Codex / Claude Code / DeepSeek Harness 等 coding agent、想要一个不绑定单一 Agent 的设计工作区的团队；
  • 想把 design system（DESIGN.md）、原型与团队反馈收敛到一处的设计/前端团队；
  • 对供应商绑定敏感、倾向 Apache 2.0 本地自托管的用户。

参考来源