设计系统
可从 150+ 开源设计系统中选择，也能从网站、GitHub 仓库或 Figma 文件创建自己的设计系统。颜色、字体、间距与组件会统一作用到 Agent 生成的每个原型、页面和幻灯片上。
价格Free 覆盖本地 Agent 与 BYOK；Plus、Pro、Max 含托管模型额度；Team 按席位
平台Web / Web App / Desktop / CLI / API
归类图像编辑与设计
收录2026-04-28
复核2026-04-28
编辑评分
4.2 / 5
★★★★☆
Open Design编辑总结
Open Design 是 nexu-io/open-design 项目的开源 AI 设计工作空间，采用 Apache-2.0 许可，GitHub 上有 83.3K+ Stars、436 Contributors。它不捆绑模型，而是调用电脑上已有的编程 Agent，已支持 21 款，包括 Claude Code、Codex、Cursor、Kimi、Qwen 等。可选 152+ 设计系统与 458+ 插件，用 SKILL.md 技能和 DESIGN.md 设计系统驱动工作流。短板是核心能力依赖你本机已安装并登录的编程 Agent，以及 Agent 自身的订阅或 API 用量。
Open Design是什么？
Open Design 是 nexu-io/open-design 项目推出的 AI 设计工作空间，定位为 Claude Design 的替代品。它把本地的编程 Agent——Claude Code、Codex、Cursor、Gemini CLI、OpenCode、Qwen 等 21 款——变成设计引擎，由可组合的技能和可移植的 DESIGN.md 设计系统驱动。项目开源，采用 Apache-2.0 许可。
工作流分四步：先用已有的 Agent 或 OpenDesign Cloud 起步；选一套设计系统，描述页面，Agent 把可运行的 HTML 原型写进项目；把原型发布到团队工作空间，队友直接在画面上点选并留评论；把评论带回给 Agent，它修改文件，最后导出 HTML 或 PDF、生成分享链接，或交给工程团队。生成后仍可继续编辑，移动和缩放元素、改文字与颜色、调整间距与对齐，都不需要重新生成。
接入方式有三种。本地 CLI 通过已装在电脑上的编程 Agent 运行，不需要 Open Design 账号，但 Agent 必须已安装并登录，其订阅或 API 用量照常计费。BYOK 用你自己的 API Key 连接模型供应商，填写 Key、端点与模型后跑一次连接测试，由你的供应商计费，不消耗 Open Design 额度。Hosted 则登录 OpenDesign Cloud 使用托管模型，什么都不用装、不用管 Key，用量从套餐的月度模型额度中扣除。
Open Design核心功能
生成后可继续编辑
原型生成之后不用推倒重来。可以直接移动和缩放元素、修改文字与颜色、调整间距与对齐，改动落回文件本身，而不是重跑一次生成。
Skills 社区技能
用 Skills 扩展 Open Design，覆盖调研、内容、设计与交付环节。可以挑选现成技能、按需定制，也可以自己添加。Pro 档列出 162+ Skills 工作流。
团队协作与评论
把原型发布成分享链接，或放进共享团队工作空间，队友可直接在画面上点选并留下评论，随后把这些评论作为一次修订任务交给 Agent 处理。
21 款编程 Agent 接入
支持 Claude Code、Codex、Gemini、Cursor、GitHub Copilot、OpenCode、Devin、Hermes、Pi、Kimi、Qwen、Grok、DeepSeek、Qoder、Kilo、Aider、Trae、Mistral Vibe、MiMo、Antigravity、Reasonix。
三种接入模式
本地 CLI 走已安装的 Agent；BYOK 填自己的 API Key、端点与模型并跑连接测试；Hosted 登录 OpenDesign Cloud 用托管模型。前两种都不需要 Open Design 账号。
导出与分享
成品可导出 HTML 或 PDF，可生成分享链接发布到线上，也可直接把项目交给工程团队继续开发。
团队工作空间
Team 档提供共享工作空间，集中管理项目、设计系统与插件，并区分 owner、admin 与 member 三种角色，按席位计价。
Open Design值不值得用？
当团队已经有编程 Agent 的订阅、又想把设计产出收进一套统一规范时，Open Design 值得用：本地 CLI 与 BYOK 两种模式不需要 Open Design 账号，设计系统一次配好就能覆盖后续所有原型、页面和幻灯片。它开源、Apache-2.0、可自托管程度高，适合对数据外流敏感的团队。但如果你手上还没有任何受支持的编程 Agent，或者希望装完就能用、不折腾 Key 和端点，那么 Free 档帮不上忙，需要直接上 Hosted 付费档；另外它没有内置模型，能力上限取决于你所接 Agent 的强弱。
建议选它的情况
- 已订阅 Claude Code、Codex、Cursor 等编程 Agent，想把同一份订阅额度用到设计上
- 需要一套品牌设计系统统一约束所有原型、页面与幻灯片产出
- 设计稿要经过团队逐屏评论再回给 Agent 批量修订的工作流
- 对开源许可和本地运行有要求，希望代码可查、数据不外流
不建议选它的情况
- 完全没有安装任何受支持的编程 Agent，也不打算装
- 希望开箱即用、不想管理 API Key、端点和连接测试
- 只在浏览器里点几下就想出图，不接受以 HTML 原型为交付形态
Open Design使用建议
入门先把路子走对
- 先确认 Agent 已登录走本地 CLI 模式前，确认电脑上的编程 Agent 已安装且已完成登录，否则连接会失败。
- 从现成设计系统起步第一次用先挑一套开源设计系统，别急着从零建。152+ 套里挑一套接近目标风格的，改颜色和字体比从空白搭快得多。
- 先跑连接测试BYOK 模式要填 API Key、端点和模型名，填完先跑一次连接测试再开始生成，避免描述完需求才发现调不通。
- 按屏幕描述而不是按整站描述生成时逐屏描述你要的界面，让 Agent 一次写一个可运行的 HTML 原型，比一句“做个后台”得到的结果具体得多。
进阶省时间也省钱
- 把设计系统放进版本库DESIGN.md 是可移植的，纳入 Git 管理后，团队所有人的 Agent 都读同一份规范，改版时一处更新全局生效。
- 评论合并成一次修订队友在同一张设计上留的评论，收集齐后作为一次修订任务交给 Agent，比逐条来回改省下大量轮次。
- 用 BYOK 控成本BYOK 由你自己的供应商计费，不消耗 Open Design 额度。用量大且已有便宜渠道时，这条路比 Hosted 更可控。
- 自建技能进 Skills 库把团队反复用的调研、内容、交付步骤写成技能加进 Skills，后面每个新项目都能直接复用，不用每次重新交代。
Open Design适合谁用？
已有编程 Agent 的团队
推荐已经为 Claude Code、Codex 或 Cursor 付费的团队，可以复用同一份订阅额度做设计，Free 档不需要 Open Design 账号。
需要统一品牌的多人协作团队
推荐一套 DESIGN.md 约束所有产出，队友直接在原型上留评论，再由 Agent 批量修订，适合有明确角色分工的设计团队。
开源与数据合规敏感的开发者
推荐Apache-2.0 许可，本地 CLI 与 BYOK 两种模式都不需要 Open Design 账号，代码可查、设计文件留在自己机器上。
完全没有编程 Agent 的用户
有条件Free 档只覆盖本地 Agent 和 BYOK，两条路都需要你已有 Agent 或 API Key。都没有的话只能走 Hosted 付费档。
只想浏览器里快速出图的人
不推荐它的产出是可运行的 HTML 原型而非成品图，生成后需要按元素调整或再交给 Agent 改，节奏比纯出图工具慢。
Open Design优点和缺点
优点
- Apache-2.0 开源，GitHub 83.3K+ Stars、436 Contributors
- 支持本地 CLI、BYOK、Hosted 三种接入，前两种不需要 Open Design 账号
- 可接 21 款编程 Agent，已有订阅直接复用，不锁定单一模型
- 152+ 设计系统、458+ 插件、162+ Skills 工作流可组合
- 设计系统可从网站、GitHub 仓库或 Figma 文件自建并复用
- 生成后仍可改文字、颜色、间距与对齐，不需重新生成
- Team 档提供共享工作空间与 owner、admin、member 三级角色
缺点
- 本地 CLI 模式要求 Agent 已安装并登录，否则无法运行
- 本地 CLI 走的是 Agent 自己的订阅或 API 用量，成本不因用它而降低
- Free 档不含托管模型额度，想用云端模型必须上付费档
- 产出形态是 HTML 原型，不是可直接交付的位图成品
- 官网未公开 Team 档的席位单价
- 官网未说明是否有移动端应用
Open Design常见问题
Open Design 免费吗？＋
有 Free 档：完整桌面应用，配合你本地的编程 Agent 或你自己的 API Key 使用，不需要账号。免费档覆盖本地 Agent 与 BYOK 两条路径，付费档才追加托管模型额度。托管模型走 OpenDesign Cloud，用量从套餐的月度模型额度里扣。
它自己带模型吗？＋
不带。Open Design 不捆绑模型，而是调用你电脑上已有的编程 Agent，或由你用 API Key 直连模型供应商。它支持 21 款 Agent，包括 Claude Code、Codex、Cursor、Gemini、Kimi、Qwen、DeepSeek 等。生成质量取决于你接的是哪个 Agent。
需要 Open Design 账号吗？＋
看接入方式。本地 CLI 和 BYOK 两种模式都不需要 Open Design 账号；只有 Hosted 模式要登录 OpenDesign Cloud，用托管模型、费用从套餐额度扣。
和 Claude Design 有什么区别？＋
Claude Design 是绑定单一厂商的托管产品；Open Design 是本地优先、Apache-2.0 开源、BYOK——自己带 Agent、带凭证、带 DESIGN.md 设计系统。它不锁定厂商，换 Agent 不用换工具。
生成的设计是图片还是代码？＋
是可运行的 HTML 原型。Agent 把原型写进项目，你可以实时预览，之后再导出 HTML 或 PDF、生成分享链接，或把项目直接交给工程团队。生成后还能继续改元素、文字、颜色和间距。
团队怎么协作？＋
把原型发布成分享链接，或放进共享团队工作空间，队友点选画面就能留评论，再把评论作为一次修订任务交给 Agent。Team 档按席位计价，区分 owner、admin 和 member 三种角色。
