Claude Design 的开源替代方案

Claude Design 很不错。但它也是闭源的、只能托管运行的，而且和 Claude 订阅捆绑在一起。这里给出一份诚实的判断：什么时候该选它——什么时候开源路线更胜一筹。

Claude Design 很不错。我们在真实的项目需求中用过它。我们之所以选择构建一个开源层，并不是因为 Anthropic 做出了一个糟糕的工具——他们没有。而是因为闭源、只能托管运行、每月 20 到 200 美元的设计工具，对于未来十年的设计工作来说是错误的形态。这篇文章是一支同处这个品类、同样在交付产品的团队，对 Claude Design 给出的诚实判断：它是什么、它在哪些地方把你锁住、开源替代方案到底长什么样，以及这个季度你应该选哪一个。

Claude Design 到底是什么

Claude Design 于 2026 年 4 月从 Anthropic Labs 推出。它是一款由 Claude Opus 4.7 驱动的对话式设计工具：左侧聊天，右侧画布。你描述你想要什么，Claude 生成一份设计，你再通过评论、内联编辑和提示词调优来不断迭代。

它有四件事做得很好：

从文字生成原型。引导流程、设置页、管理后台、结算页变体——从提示词到可交互界面只需五分钟。
代码库感知。导入一个 GitHub 仓库或挂载一个本地目录，原型就会使用你真实的组件、你的 token 系统、你的约定。
品牌整合。设计系统只需配置一次，之后每个项目都会自动套用其中的配色、排版和组件模式。
交接给 Claude Code。"构建它"按钮会在同一个浏览器标签页内把原型推进到可上线的生产代码。

导出格式包括 Canva、PDF、PPTX、HTML 和独立 URL。定价是捆绑式的——Claude Pro 20 美元、Max 100 至 200 美元、Enterprise 则是常见的"联系我们"档位。它目前是面向付费 Claude 订阅用户的研究预览版。

如果你读过官方教程，会发现 Anthropic 描述的工作流，正是 Open Design 所交付的那一套：一份需求、一个方向、一件成品、一次交接。差异藏在更下面一层。

它在哪里把你锁住

Claude Design 带有四重值得开门见山指出的锁定,因为营销页面不会讲这些。

模型是固定的。每一次渲染都走 Claude。不是 Claude 或某个你已经付过费的模型——只有 Claude。如果你的团队和 GPT、Gemini 或 DeepSeek 签了合同,或者你为了敏感项目在 Ollama 上自托管,那些工作流都无法迁移过来。Token 成本将永远跟着 Anthropic 的定价曲线走。

运行时是托管的。你的提示词、你的设计系统、你的代码库上下文,全都会被传到 Anthropic 的服务器上。对于代理公司的工作,或处于 NDA 之下的发布前创意素材而言,这每次都意味着一场采购合规讨论。在研究预览版中无法自托管,而那份公告也没有承诺会提供这一选项。

这些 skill 不属于你。Claude Design 的行为由活在 Anthropic 内部的提示词和工具定义。你无法 fork 它们、审计它们,或替换其中任何一个。Anthropic 在 Claude Skills 中交付的那些"skill"是相邻但独立的;设计专用的工具是内部的。

账单是一份订阅。每个席位每月 20 至 200 美元,对一名独立设计师来说还行,对一个二十人的团队来说就很肉疼,而对那十几位本来可能会采用同一套工作流的开源贡献者来说,则根本无从谈起。

这些都不是 Claude Design 的 bug。它们是一个托管产品的固有形态。Anthropic 是为中位数的 Pro 订阅用户做的优化。而我们不是那个中位数的 Pro 订阅用户。

一块黑色多面体云朵实心被一条虚线拴在一个小小的地面锚点和服务器方块上,置于一块暖色调的编辑风研究图版上 — 默认托管:你的提示词、设计系统和代码库上下文都会被传到别人的服务器上。

开源替代方案

Open Design(本站)是另一种押注。它不是 Claude Design 的克隆品——它是一个轻薄的 skill 层,把你已经在用的编程 agent 变成一台设计引擎。四个基本要素是 skill、系统、适配器和守护进程。每一个 skill 都是一个 SKILL.md 文件。每一个设计系统都是一个 DESIGN.md 文件。每一个 agent 适配器大约 80 行 TypeScript。

今天开箱即用的内容:

123 个 skill——演示文稿生成器、移动端原型、编辑风页面、Word/Excel/PPT、品牌探索
148 套设计系统——Linear、Vercel、Stripe、Apple、Cursor、Figma 的可移植 Markdown 版本,外加一条很长的长尾
在你的 $PATH 上自动检测 16 个编程 agent CLI——Claude Code、Codex、Cursor、Gemini、OpenCode、Copilot、Devin、Hermes、Pi、Kimi、Kiro、Qwen、DeepSeek TUI、Qoder、Mistral Vibe、Kilo
四步锁定工作流——问题表单 → 方向选择器 → 实时方案流 → 沙箱化 iframe 预览
默认 BYOK——粘贴任意 OpenAI 兼容的 base_url 和密钥,你的 token 直接发给模型提供商
Apache-2.0、无需注册、通过 pnpm tools-dev 运行

这个心智模型是:Claude Design 是一个产品。Open Design 是一个层。

三块黑色多面体置于一条带刻度的基线上,只有一块卡进了一个支架框中,其余两块松散地搁着,置于一块暖色调的编辑风研究图版上 — Claude Design 固定了模型。开源路线让你带上你已经在付费的那一个。

逐项对比

	Claude Design	Open Design
许可证	专有	Apache-2.0
运行时	托管(Anthropic)	本地守护进程(`pnpm tools-dev`)+ 可选的 Vercel 部署
模型	仅 Claude	任意 OpenAI 兼容端点 + 检测到的 16 个 CLI
Skill	内部	123 个可 fork 的 `SKILL.md` 文件夹
设计系统	按项目配置品牌	148 个可移植的 `DESIGN.md` 文件
代码库上下文	GitHub 导入 + 本地	Skill 级别,真实的工作目录
定价	20 / 100 / 200 美元 / Enterprise	免费;你直接向你的模型提供商付费
交接	Claude Code(应用内)	`$PATH` 上的任意 agent,外加 HTML / PDF / PPTX / ZIP 导出
可自托管	否	是(笔记本或 Vercel)
数据路径	提示词 → Anthropic	提示词 → 你选择的提供商;没有任何东西经过我们

诚实的总结:Claude Design 拥有最打磨过的单一产品体验。Open Design 用这种打磨过的单一产品表面,换来了一座库——更多 skill、更多系统、更多 agent,设计用来与你笔记本上已有的那个 agent 组合协作。

三块薄薄的黑色板材以可见的间隙等距堆叠,如同一摞分层,刻度标记着这些间隙,顶上放着一片橄榄叶,置于一块暖色调的编辑风研究图版上 — 一个产品和一个层——Open Design 处在你的 agent 与设计工作之间。

谁该选哪个

如果你是……	选择
一名公司已经在用 Claude Pro、需要在午饭前拿出一份原型的独立 PM	Claude Design。那 20 美元/月已经是沉没成本;界面是真的快。
一支 Anthropic 已经通过采购审批的企业设计团队	Claude Design。整合成本你已经付过一次了;把它花出去。
一名想要"免费版 Claude Design"的独立设计师	Open Design。免费,而且你拥有这套工作流而非租用它——把它指向一个你已经在付费的模型,第一份演示文稿大约十分钟搞定。
一名已经从终端驱动 Claude Code、Codex 或 Cursor 的设计工程师	Open Design。你的 agent 就是设计引擎;skill 层在不引入新应用的情况下,补上品味与结构。
任何需要 BYOK、项目进行中切换模型、或为敏感项目而仅本地运行的人	Open Design。现实比营销说辞更粗糙,但这份契约是唯一真正站得住脚的。
一名想要交付一个项目可以采纳的新设计 skill 的开源贡献者	Open Design。放进一个文件夹,重启守护进程,提交 PR。
一支正在标准化一套能熬过工具更替的可移植设计系统的团队	Open Design。`DESIGN.md` 文件比读取它的工具活得更久。

对大多数团队来说,决定胜负的那一维并不是质量。而是你宁愿租用这套工作流,还是拥有它。

接下来该做什么

如果你想在掏出一份 Pro 订阅之前,先感受一下拥有工作流是什么滋味,那就运行那个三条命令的快速上手,并把它指向你已经在付费的模型。整套东西都在一个仓库里,第一份演示文稿大约十分钟搞定。

试试开源工作流。