OpenDesign 评测：把设计系统变成编码智能体可读写的文件
开放设计是一个本地优先的桌面工作区，编码代理可以在其中创建原型、登陆页面、仪表板、幻灯片、图像和视频导出。
秒懂
- 它是什么？
- OpenDesign 是一个本地优先的桌面工作区，让编码智能体直接产出原型、幻灯片、仪表盘和视频。它的核心思路是把品牌规范写进 DESIGN.md，让智能体按文件约束干活，而不是在画布上推像素。
- 适合谁用？
- 适合已经用编码智能体做日常开发的团队，尤其是那些希望把品牌规范版本化、让智能体直接产出可交付文件的人。不适合依赖画布交互、需要精细像素级控制的设计师，也不适合完全没有 CLI 使用经验的用户。
- 能商用吗？
- 可以。Apache-2.0 是宽松许可证：你可以使用、修改并销售基于它的软件，只需保留版权和许可证声明。
- 还在维护吗？
- 在维护。仓库在最近一天内有新的提交。
- 用什么语言写的？
- 主要是 TypeScript（依据 GitHub 的语言统计）。
以上回答依据项目的 GitHub 数据（最近同步于 2026年9月15日）和我们的分析，不构成法律意见。
开源项目深度解析
它解决的是设计交付的断裂问题
传统设计流程里，设计师在 Figma 里画稿，开发者照着实现，中间隔着无数轮沟通和走样。OpenDesign 想跳过这一步，它让编码智能体直接生成真实 CSS、真实字体、真实组件的单页产物，导出成 HTML、PDF、PPTX 或 MP4。仓库描述里有一句话很关键：你的 CLI 变成设计引擎，你的笔记本电脑变成工作室。这个项目面向的是一群特定用户，已经习惯用 Claude Code、Codex 或 DeepSeek Harness 这类工具写代码的人。他们不需要再学习设计工具，只需要把设计规范写成文件，智能体就能照着产出。
机制核心：DESIGN.md 作为品牌契约
OpenDesign 的架构围绕一个文件展开，DESIGN.md。这个文件承载团队的品牌视觉语言，包括颜色、字体、间距、组件样式。智能体在生成任何原型或页面之前，会先读取这个文件，把它当作硬性约束。README 里把它称为品牌契约，意思是设计规范不再是设计师脑子里的经验，而是机器可读的指令。另一个机制是 Composable skills，也就是可组合的技能。这些技能以文件形式存在，智能体可以读取、改写、复用。插件目录里可以浏览官方技能，按分类搜索，用 Try it 直接启动工作流。整个系统不是封闭的，它把设计能力拆成了文件系统里可操作的部分。
六种产物类型，一个 Studio 工作区
进入项目的 Studio 后，对话、生成的文件和实时预览会同时出现在一个界面里。Studio 支持六种产物：Prototype 用于生成或重建网页体验，Deck 用于多页幻灯片并附带缩略图和演讲者备注，Mobile app 在设备预览中生成移动端界面，Image 从对话中生成视觉素材并支持全尺寸预览，Document 用于多页指南和编辑文档，HyperFrame 用于代码驱动的动态图形，可以导出成视频。每种产物都在同一个项目里管理，切换时对话上下文和输出文件是连续的。这个设计跟传统设计工具很不一样，它不按画布组织工作，而是按项目类型组织，每种类型有对应的预览和导出方式。
安装与接入：一条命令挂上 MCP
OpenDesign 以桌面应用形式分发，支持 macOS 和 Windows。安装后通过命令行工具 od 与各种编码智能体对接。README 给出了具体的接入命令，例如在 Claude Code 里执行 od mcp install claude，在 Claude Desktop 里执行 od mcp install claude-desktop。对于 Codex CLI 也有对应的安装命令，不过 README 在表格中截断了，没有列出 Codex 的具体命令。除了 MCP 方式，OpenDesign 还支持原生运行时适配器，也就是说它能直接启动某些智能体。DeepSeek Harness 是一等公民，通过官方 dsh CLI 接入，支持结构化流式输出、模型发现、取消操作和会话恢复。另外还支持 BYOK，任何兼容 OpenAI 接口的端点都可以接入，这意味着你可以用自己的模型服务，不依赖官方云。
已知边界：导出格式与预览沙箱
README 提到预览是在沙箱化的 iframe 里进行的，这能隔离智能体生成的代码，避免直接污染本地环境。但沙箱也意味着某些需要访问本地文件或 API 的动态页面可能无法在预览中完整运行。导出格式支持 HTML、PDF、PPTX、MP4，覆盖了常见的交付场景，但缺少 SVG、PNG 序列帧或 Figma 文件这类设计行业常用格式。如果你需要把产物再拿回传统设计工具里继续编辑，这里会出现断层。另外，尽管支持 26 种不同的本地 CLI 可执行文件，但每种智能体对工具调用的支持程度不同，OpenDesign 的某些技能可能只在特定运行时下表现完整。文档没有详细说明哪些技能依赖哪些运行时，这一点在选型时需要自己验证。
与 Figma 的路线差异：文件即交付物
OpenDesign 自称是智能体时代的 Figma 替代品，但这个替代不是功能对等，而是路线不同。Figma 的核心是画布，人用鼠标在画布上摆弄元素，协作和评审都围绕画布展开。OpenDesign 的核心是文件，智能体读写文件，产出的是可以直接运行的网页或文档。它不做像素级编辑，不做矢量路径调整，也不提供设计组件库的拖拽管理。如果你需要这些能力，OpenDesign 不是替代品。但如果你要的是把设计系统变成代码仓库里的一份 DESIGN.md，让每次生成都自动符合品牌规范，那么它的思路比 Figma 更贴近智能体工作流。两者可以共存，Figma 负责早期探索，OpenDesign 负责把定稿规范变成可重复执行的生成流程。
维护与许可：Apache-2.0 下的开放扩展
项目采用 Apache-2.0 许可证，这意味着你可以自由使用、修改和分发，包括商用，只要保留版权声明并注明修改。对于想基于它做内部工具或商业产品的团队，这个许可比较宽松。版本节奏方面，最近的发布显示项目活跃，0.21.0 版本标题是 Reliable, Start to Finish，0.20.2 是 Production Exports, Under a Minute，0.20.1 引入了 Go Plan 订阅。这些版本号说明导出性能和可靠性是当前迭代重点。官方提供了 OpenDesign Cloud 作为模型服务，同时也支持 BYOK，所以你不一定需要订阅官方云。但要注意，DeepSeek Harness 的 dsh 是官方 CLI，连接它需要独立的 DeepSeek 账号或服务配置，这部分成本需要单独核算。
编辑结论
适合已经用编码智能体做日常开发的团队，尤其是那些希望把品牌规范版本化、让智能体直接产出可交付文件的人。不适合依赖画布交互、需要精细像素级控制的设计师，也不适合完全没有 CLI 使用经验的用户。采用前先确认三件事：你的智能体是否在官方支持列表里，DESIGN.md 的语法能否覆盖你们现有的品牌资产，以及导出 PPTX 和 MP4 的格式是否符合交付方的要求。OpenDesign 的定位很明确，它赌的是智能体时代的交付物不再是设计稿，而是直接可用的文件。如果你的工作流还停留在 Figma 评审再开发的阶段，这个项目可能帮不上忙。
社区笔记