🤯 我要弃用 Claude Design 了——这个替代品更好

这是一篇来自靠设计客户项目吃饭的人的实操评测。Jérémy DE CAMPOS 为真实的代理公司构建 SaaS 产品，在写代码之前，他一直用 Claude Design 来起草界面。在他的视频里，一位社区成员向他推荐了 Open Design，于是他做了一个最公平不过的测试：把他早已在 Claude Design 里做好的那个客户工具一模一样地重做一遍，然后对比。这份图文版跟随他的实操过程，并针对本篇做了改写、更新到了当前版本。想看实时反应可观看上方视频，或继续往下读。

Open Design：一个开源、agent-native 的设计工作区，运行在你自己的机器上。

什么是 Open Design？

Open Design 是一个开源、本地优先的设计平台——一个 agent-native 的 Claude Design 与 Figma 替代品。它不会把你锁死在某一个付费模型上，而是运行在你已经拥有的编码 agent 之上：Claude Code、Codex、Cursor、Gemini、Copilot、OpenCode 等等。

Jérémy 在头一分钟里注意到的：

• 开源，Apache-2.0——它在 GitHub 上，迭代飞快，而且已经出人意料地完整。
• 本地运行——项目会落在你机器上一个真实的文件夹里，你可以打开并查看。
• 自带 agent——支持 21+ 种 agent；定价页只针对他们托管的模型，所以只要你接入自己的 key 或 CLI，就用不着它。
• 不只是原型——原型、仪表盘、幻灯片、图片，甚至视频，还有 HTML Anything、HTML Video 这样的姊妹工具。

如果你用过 Claude Design，会立刻觉得界面很眼熟——然后它在此之上叠加了你自选的引擎。

公平的测试：重建一个真实的客户工具

Jérémy 没有用一个玩具般的提示词，而是复用了一个真实项目：一个他正在打造的内部交付与缺陷跟踪 SaaS，用来管理他各个代理公司客户的更新。他此前已经把那份需求说明和一个设计系统文件喂给了 Claude Design，于是他把完全相同的输入交给 Open Design——同样的规格、同样的设计系统——让它跑。同样的提示词、同样的起始素材、两个工具：这才是唯一值得信任的对比。

用你的 Claude 订阅来跑，而不是烧 token

第一个要决定的是引擎，而成本的故事正是在这里发生转折。Open Design 允许你接入一个原始 API key——但 Jérémy 点出了显而易见的风险：用 Opus 这样的付费模型、按 token 计费地驱动生成「可能贵得吓人」。

然后他找到了那个关键选项：运行本地的 Claude Code CLI。Open Design 不去烧计量的 API token，而是驱动你已经装好的 claude CLI，于是生成用的是你本就在付费的那份 Claude 订阅。他立刻切了过去——「我说很有意思，是真的很有意思」——并在最后确认了消耗：一整个会话大约只用了他额度窗口的 9%。对一家每天都这么干的代理公司来说，这个差距就是全部的理由。

提示：在工作区左下角选择你的引擎。把 Open Design 指向一个本地 CLI（Claude Code、Codex、Gemini）来复用已有订阅，只把计量的 API key 留作后备。

它构建出的东西：一个可点击的原型，而不是一张图片

这就是评测发生转折的时刻。Open Design 交回来的不是一张扁平的截图——它构建了一个能用、可点击的原型。Jérémy 点进一个工单看板，打开一个个工单查看详情视图，还在列之间拖动卡片。这个 kanban 是可交互的；工单详情展示了客户备注、抓取日志和一个控制台视图；各个界面像真实应用那样彼此链接。

不是静态 mockup——各个界面彼此链接，元素也会响应点击。

接着他用一条追加提示词把它推得更远：把其余的页面也做出来，并接好侧边栏链接，让这个 mockup 可以导航。它照办了，生成了额外的页面并把它们连了起来，然后不用再吩咐第二遍，就把布局适配成了平板和手机版本。

设计系统，被恰当地呈现出来

因为他喂进去的是他曾经给 Claude Design 的同一套设计系统，所以对比很直接——而他的评判很直白：Open Design 的设计系统呈现得更好。颜色、排版、间距和组件都清晰地铺陈开来，配上批注和虚线参考线的样式，让一套系统显得是经过深思熟虑的，而不是随手一堆。

一套读起来像文档、而非一堆颜色的设计系统。

你可以直接在画布上编辑和批注：框选一个区域、留一条备注、就地改文字，并把改动排队交给 agent 去执行——它也确实照做，每过一遍都带回更干净的结果。

从 mockup 到 PRD——交接给你的 agent

最契合 Jérémy 实际工作流的功能是 PRD 生成。他的流程是 vibe-coding：把工单分组、描述改动，再把一份规格交给 Claude Code，让它自己去改代码。Open Design 产出的正是那座桥——一份三种形态的 PRD：

• 一个供他阅读的预览版本，
• 一个可直接喂给 AI 的 Markdown 版本，
• 以及一个需要时可发给客户的 PDF 版本。

再配上一个交付视图（标记工作完成）和一份应用的更新日志，它就把从「设计好的界面」到「我的编码 agent 能据以构建的规格」这条闭环给合上了——全程无需离开工作区。

在 mockup 之外

在它跑着的时候，他把其余部分逛了一遍，不断有新发现：

• 记忆——它会自动保留你在整个会话中做过的事。
• 图片库 + 生成——就地引入或创建图片。
• 技能——一摞预置技能，还能用你自己的加以扩展。
• MCP 服务器与连接器——支持外部 MCP，还能反过来：把 Open Design 作为一个 MCP 服务器暴露出去，让你的 Claude Code CLI 直接从终端驱动画布并做修改。
• 从 Figma 导入、一个插件中心，以及模板包。
• 一个设计评审面板——启用后，agent 旁边会出现一个五面板评审，为输出打分。

结论

他的结论毫不含糊：他正认真考虑弃用 Claude Design，把自己真实的项目——无论设计还是视频——都切到 Open Design。真正打动他的组合很具体：相同的输入产出了呈现更好的设计系统和一个真正可交互的原型，它跑在他本就付费的 Claude 订阅上而不是计量 token，还能吐出一份可直接交给他编码 agent 的 PRD。他打算接下来几周狠狠地用它，再回来汇报——但首轮体验就是：它不只是一个免费克隆品，对他的工作流而言，它是更好的那个工具。

常见问题

Open Design 真的免费吗？ 应用是开源的（Apache-2.0）并在本地运行。你只为自己选择的模型付费——而如果你接入像 Claude Code 这样的本地 CLI，它跑在你本就拥有的订阅上，不产生额外的按 token 账单。

我需要定价页上的付费套餐吗？ 不需要。那个套餐是给 Open Design 托管模型用的。自带你的 key 或本地 CLI，就可以跳过它。

我能把已经在 Claude Design 里做好的东西导入进来吗？ 能——从 Claude Design 导出你的设计系统，再把它导入 Open Design，然后就能用同一套品牌继续生成。

它能导出一份真正的规格吗？ 能。Open Design 可以生成预览、Markdown 和 PDF 三种形态的 PRD，于是你可以把 Markdown 交给编码 agent，把 PDF 发给客户。

我该用哪个 agent？ 任意一个受支持的都行——输出质量取决于你选的模型。用你本地的 Claude Code、Codex 或 Gemini CLI 是最省钱的路径，因为它复用了已有订阅。