免费的 Claude Design 替代品？实测 Open Design AI
一位 WordPress 开发者用自己的编码 agent 订阅实测 Open Design——作为免费开源的 Claude Design 替代品，制作品牌指南和课堂关卡卡片。基于 Dan Davies 的实操直播。
这是一次真实、无脚本的 Open Design 测试，测试者以搭建和运营网站为生，但并不认为自己是设计师。Dan Davies 在 Claude Design 刚上线时非常喜欢它，随后一头撞上了它极低的用量限制——于是他去寻找一个能接入自己 AI 订阅的开源替代方案。观看他的完整直播实录，或阅读下面的文字版。
Open Design 工作区：描述你想要什么、选一个模式，剩下的交给你已经在付费使用的编码 agent。
什么是 Open Design？
Open Design 是一个开源、本地优先的设计平台——是 Claude Design 和 Figma 的 agent 原生替代品。它不会把你锁死在某个厂商的模型和固定额度池里，而是运行在你已经在用的编码 agent 之上。
- 开源，Apache-2.0——克隆它、自托管它、逐行阅读代码，或者直接下载桌面应用。
- 本地优先——你的项目保存在你自己机器上的文件夹里，而不是别人的云端。
- 接入你自己的 agent，而不只是你自己的 key——接入 Claude Code、Codex、Cursor、Gemini、Copilot、OpenCode、Hermes 等等；你接入的是哪个 CLI，就由它来驱动生成。
- 不止是原型——品牌指南、营销图形、幻灯片式版面，以及完整的网页设计，全部在一个工作区里完成。
如果你用过 Claude Design，会立刻感到熟悉。正如 Dan 在视频里所说，"这基本就是 Claude Design——同样的布局，用法也一样。"区别在于它底层跑的是什么，以及账单由谁来付。
Open Design 解决的用量限制问题
Dan 的故事很多人都会感同身受。他在 Claude Design 刚发布时确实印象深刻——他很喜欢自己做出来的东西——但"用量限制低到没法持续用下去"。一旦你真正投入一个项目开始反复迭代，很快就会撞到上限，而工具恰恰在你有势头的时候安静了下来。
正是这一个痛点让他开始寻找出路，而这也正是 Open Design 填补的那个空白。因为 Open Design 是开源的，并不会把模型访问权限转售给你，所以你的工作之上不会再多出一个单独的设计工具用量计费表。你接入自己的 agent，用量遵循你已经拥有的那个 agent 套餐——而不是被设计工具强加的某个上限。
对 Dan 这样一位经营着 WordPress 代理公司、同时在教社区成员学 WordPress 的开发者来说，这彻底改变了成本账本。设计不再是一种按量计费的奢侈品,而变成了他可以整天反复打磨的东西。
接入自己的 agent，而不是自己再多付一笔账单
这是 Dan 反复提到的一个功能，也值得说清楚。Open Design 本身不自带模型。在设置里，它会检测你机器上已经安装的编码 agent CLI，让你在它们之间自由切换。
在 Dan 的环境里，它检测到了两个：命令行里的 Claude Code，以及他用 ChatGPT 订阅驱动的 Hermes agent。"你基本可以接入任何东西，"他说道——"不只是一个模型，而是一个 agent。"如果你想用你的 Claude 订阅，可以；用你的 Codex 套餐，也可以；用一个裸的 API key，同样可以。
他划出的这条界限很关键：他刻意避开裸 API key，因为按次计费的额度在反复迭代的设计工作中会很快烧掉真金白银。把 Open Design 接到一个你已经在付费的订阅上——Claude Code 的套餐，或者通过 Hermes 接入的 ChatGPT——意味着你不用在原有账单之上再叠一笔新的。这一点,比其他任何因素都更能解释他为什么更偏爱它,而不是一个自带用量限制的托管设计工具。
模板与 skill 库——包括 Figma 迁移、导出为 React 或 Next.js 之类的能力——让你不用从一张空白画布开始。
他也很早就发现了它的扩展空间：一个链接真实社区视频的教程板块、一个满是可即时使用模板（悬停即有动效）的插件区，以及 Figma 迁移、导出为 React、导出为 Next.js 这样的 skill。他坦言自己还没探索完整个能力范围——这只是第一次上手——但这套结构显然已经搭好了。
测试一：从一个粗略想法生成品牌指南
Dan 的第一个正经任务,正是那种通常需要专业设计师花时间的活儿：为他的 WP Odyssey 学习社区制作一份品牌指南文档。他手头并没有关于 logo、图标、字体或配色的清晰文档，于是他让 Open Design 生成一份。
结果让他印象深刻。它把品牌以一份规范的指南文档形式呈现出来——logo 用法、代表他带领学员走过的学习旅程的三叉戟"识别标志"、留白规则、误用示例、一系列从紫色一路深到近黑色"墨色"的色板，还有他想要的字体。它甚至引入了一种他比现有纯色紫更喜欢的紫色渐变，并为贯穿课程的"旅程"设计了一种路径式图案。
从他的描述里能看出两点。第一，Open Design 产出的是有结构的成果——不是一堆散乱的素材，而是一份呈现方式一致、可以直接拿出去用的文档。第二，他把它当作一个持续演进的产物来对待："我们会继续打磨它，把它做得更好。"这正是设计的初衷：从一个真实品牌出发生成一个足够好的第一版，然后不断迭代。
并非事事完美。更早一次简短的测试——几乎没给任何简介就让它"改进"一个客户的财富管理网站——结果看起来，用他自己的话说，像是通用的 "AI 糊弄货"。他自己的复盘很公允也很实用："问题不总是出在工具上，"他说,"而是在于你提示它的方式。"
测试二：设计 quest 卡片
重头戏是一个真正棘手的设计问题。Dan 的社区里有 14 张按每行三张排列的"quest"卡片，分属标准、高级、VIP 三个等级，他希望紫色随等级升高而加深，一条虚线"旅程"线要贯穿每一行、并在卡片之间对齐，同时每张卡片还要保留一点各自的个性。
前一天他曾用 ChatGPT（通过 Hermes agent）试过这个任务，结果很糟——颜色错了、线条断裂、卡片看起来千篇一律，有一次甚至完全偏离了他的品牌规范，被质疑时它才承认。于是在直播里他重新开了一个项目，把 agent 切回Claude Code，并给了它充分的输入：导出的品牌指南 PDF、当前课堂的一张参考截图，以及一张样例卡片，好让它只重新设计卡片本身,而不是整个页面。
这一次 agent 提出了很好的探索性问题——最终素材尺寸、宽高比、紫色应该如何加深（按等级分级的渐变式渐深）、每行放几张——然后交出了一版很不错的初稿。Dan 的评价很直接："比 ChatGPT 昨天做的强了一百万倍。"卡片用对了颜色，更关键的是，旅程线在卡片之间自动对齐——这本是他做好了心理准备要手动去修的地方。
Open Design 倾向于把生成的成果呈现为一个真实、有结构的产物——这里是预览中一份完整渲染的设计——而不是一堆散乱的文件。
这并非完美无缺——标准等级的紫色比他想要的更深，一个 logo 被重复使用而不是有所变化——但这些恰恰是他会在下一轮提示里反馈回去的地方。他也坦诚提到一个真实的成本数据点：生成那一批卡片大约用掉了他 20 美元 Claude 套餐 约一半的用量。设计迭代并非零模型成本；它只是省去了另一份设计工具账单。
为什么你接入的模型很重要
Dan 这次实测最清晰的一条结论是：产出质量取决于你接入的 agent。同一个任务，在同一个工具里，换一个 agent 就从一团糟变成了干净利落的初稿。Open Design 提供的是工作区和结构；模型才是引擎。
他还做了一个很妙的类比——通用图像生成工具：他曾用类似任务试过一个通用图像生成器，结果"很吃力"，而 Open Design"给出的东西似乎更有条理一些"。让它生成图形时，它会搭建一个小型网页来展示和下载这些图形——一份可以直接拿出去用的交付物，而不只是原始输出。
他接下来的计划也说明了这个工具在真实工作流中的定位：继续打磨这些卡片，然后转向搭建网站首页，把结果从右上角交给 VS Code 接手，最终生成可编辑的 WordPress 模板，让客户依然享有一个真正 CMS 的好处。对于一个没有全职设计师的技术团队来说，这正是一个开放、可插拔 agent 的设计工具能够打通的现实路径——从营销素材一路走到可交付上线的网站。
常见问题
Open Design 真的免费吗？ 这款软件基于 Apache-2.0 许可证开源，本地运行免费。你不需要向 Open Design 支付任何费用。你只需要为你接入的编码 agent 的用量付费——如果你接入的是自己已经拥有的订阅（比如 Claude Code 的套餐），那你不需要再额外承担一份设计工具账单。
它和 Claude Design 有什么不同？ 同样熟悉的体验，但它是开源、本地优先、可插拔 agent 的。你不是被绑定在一个额度固定且偏低的托管模型上，而是接入自己的 agent，用量跟随你已有的套餐。正如 Dan 的实测所展示的，这消除了让 Claude Design 难以支撑重度迭代的那道用量墙。
我必须使用 API key 吗？ 不需要——这正是 Dan 最强调的一点。Open Design 会检测你机器上的 agent CLI，让你使用订阅而不是按次计费的 API 额度，他发现后者在反复迭代的工作中会很快烧钱。
我应该接入哪个 agent？ 哪个能给你的任务带来最好的结果就用哪个——产出质量取决于模型。在视频里，同一个卡片设计任务在换成 Claude Code 之后，从一团糟变成了干净利落的初稿，所以在结果很重要的时候就选一个足够强的 agent。
非设计师真的能做出好结果吗？ 可以，只要给对输入。Dan 是一名开发者而不是设计师，最终做出了可用的品牌指南和课堂卡片——但他自己总结的教训是，草率的提示会得到"AI 糊弄货"。给它一份真实的品牌规范、参考图片和清晰的约束条件，然后不断迭代。
这份文字指南基于 Dan Davies 对 Open Design 的实测直播。观看上方完整视频，并订阅 Dan Davies 以获取更多 WordPress 和 AI 工具方面的实操直播。