做原型最烦的从来不是画不出来，是画完之后交付不了。设计稿在画布里，代码在仓库里，中间隔着一层人肉翻译。你改了一版配色，前端那边还得再对一遍。
OpenDesign 想直接把中间这层抽掉：让已经在电脑里的编码 Agent 当渲染引擎，产物本身就是真 HTML、真 CSS、真组件，导出就能用。
是什么
一句话说，它是一个本地优先的开源桌面应用（macOS 和 Windows 都有），定位是「Claude Design 的开源替代品」。项目在 GitHub 上 9.6 万 Star，1.12 万 Fork，Apache-2.0 协议，最新版本 v0.22.2 发布于 2026-09-10，仓库从 4 月建仓到现在几乎天天在提交。
它的核心想法和传统设计工具不太一样。传统路数是给你一块画布，你在上面拖像素；OpenDesign 不给你画布，它把「发现需求 → 锁定方向 → 流式产出 → 评审 → 交付」这一套循环变成了一个文件系统，里面是可复用的技能、设计模板、设计系统、插件，而运行这套循环的引擎，就是你本机已经在用的那个编码 CLI。
核心优势
一个项目里出六种产物。项目里的 Studio 页面把对话、生成的文件、实时预览放在一起，覆盖六类产物：Web / 桌面 / 移动端原型、可交互看板、多页演示文稿（Deck）、图片、多页文档、还有 HyperFrames 代码驱动的动效。做原型的时候顺手把演示文稿和配图一起出了，这种连贯性在切三个工具来回导文件的流程里是没有的。预览跑在沙箱 iframe 里，导出支持 HTML / PDF / PPTX / MP4。
DESIGN.md 把品牌规范变成了可执行的契约。你可以把一份品牌参考丢进去，它提炼出一套设计系统，之后所有产物自动套用。这件事的区别在于：品牌规范以前是放在共享文档里给人看的，现在变成了 Agent 每次生成时都会读的东西。团队的视觉一致性从「靠自觉」变成了「靠机制」。
它不绑定某一家 Agent。这是它比同类激进的地方。DeepSeek Harness 是一等公民，走官方 dsh CLI 做原生运行时，支持结构化流式输出、模型发现、取消、会话恢复；其余的一大批走 MCP 接入，一条命令搞定：od mcp install claude、codex、cursor、copilot、opencode、openclaw、antigravity、cline、trae、kimi、kiro、hermes 等等。官方口径是适配 26 个本地 CLI 可执行文件。
没有 CLI 也能用。BYOK 代理提供了 /api/proxy/{anthropic,openai,azure,google,ollama,senseaudio}/stream 这一组接口，直接填 baseUrl + apiKey + model 就能跑同一套循环，内置了 OpenAI、Anthropic、Azure OpenAI、Google Gemini、Ollama、LM Studio、vLLM 的预设。也就是说你手上有什么模型就走什么，不必为了用它去装一套 CLI 全家桶。
插件和技能是可复用的。Plugins 页面按分类浏览官方技能目录，搜索到了直接点 Try it 就能起一个工作流。这一层的意义在于：别人调好的「生成一套落地页」的流程，你可以直接拿来用在你的项目上，而不是每个项目从零写提示词。
怎么用
它是一个桌面应用，先去官网下载对应平台的安装包装上。装完之后第一次打开，界面分成四块：Home 选产物类型、写需求、选设计系统和模型；Plugins 逛技能；Design System 提炼品牌；Studio 干活。
想让本机 CLI 接进来，用 od 命令行：
od agent setup deepseek-harness 接入 DeepSeek Harness 原生运行时od mcp install claude 接入 Claude Code（换成 codex / cursor / copilot / opencode 等同理）od mcp install <agent> --print 先干跑预览一下要改什么，--uninstall 卸载od mcp install --help 看全部支持的 Agent 列表
不想装 CLI 的话，在设置里选 BYOK，填自己的接口地址和密钥即可。项目仓库里也有中文 README，上手门槛不高。
不是没有槽点
它不是矢量设计工具，别拿它替代 Figma 做精细排版。官方自己说的是「Agent 时代的 Figma 替代品」，但这个定位的重点在「Agent 时代」。你要的是像素级控制、组件库管理、多人实时协同，还是得回画布工具。它擅长的是从零快速出可用产物，不是把一个已有设计稿调到毫厘不差。
安装包和仓库都不轻。整个仓库体积约 3.1 GB 量级，桌面应用本身的体积也不会小，毕竟里面带了运行时、预览沙箱、渲染管线。硬盘紧张或者老机器上要有心理准备。
迭代太快，边角会硌手。从 0.1 到 v0.22.2 只用了四个多月，几乎每隔几天一个版本。共 1067 个未关闭的 issue 也印证了这一点：社区反馈里能看到按钮高度被全局样式重置裁掉、某个对话框点不进去、技能报权限错误而不是文件找不到这类问题。追新版本能拿到新功能，代价是偶尔碰到小毛病。
商业化和开源是两条线，别混淆。它的官方云服务是付费的，官方也在持续推「一次充值同时用 Agent 模型和图像模型」这件事。本体的桌面应用是 Apache-2.0 开源，但你要自己解决模型来源：要么接自己的 CLI，要么 BYOK 填自己的 key。预算和数据处理方式需要自己算清楚。
跟同类比怎么看
和 Claude Design 比，最大的差别是开放度：Claude Design 是闭源的固定循环，OpenDesign 把这套循环拆成了技能、模板、设计系统、插件四层文件，Agent 能读、能写、能改。你可以改它的渲染模板，也可以自己写一套。
和 v0 这类「一句话出 UI」的工具比，OpenDesign 输出的是可运行的真前端代码，能导出 HTML/PDF/PPTX/MP4，而不是一张图或者一个无法继续改的静态页面。它更像是把产物直接接到开发流程上。
和拿 Claude Code 裸写前端比，它多出来的是设计系统和预览沙箱，你不需要每次都在提示词里重述一遍品牌规范，也不用在终端里想象页面长什么样。
一句话：如果你已经在用某个编码 Agent，又经常要出原型、看板、演示文稿这些东西，OpenDesign 是目前少见的「不换工具链就能加进来」的一层。如果你要的是精细设计控制，先别急着换掉手上的画布软件。
GitHub：https://github.com/nexu-io/open-design
官方网站：https://open-design.ai
标签：#OpenDesign #AI设计工具 #设计系统 #原型设计 #本地优先 #开发者工具
你现在的原型流程里，最耗时间的是出图这一步，还是出图之后改代码那一步？