OpenDesign:讓編碼 Agent 蛻變設計引擎的開源 Claude Design 替代方案

Published · AI Daily — AI-assisted deep research, methodology & disclosure

OpenDesign 是 nexu-io 開源的 Claude Design 替代方案,一個本地優先的桌面應用,把開發者筆記本上已有的編碼 Agent 變成設計引擎。它解決的核心問題是:設計產出長期停留在 Figma 畫布或設計師手中,編碼 Agent 擅長寫程式卻不擅長交付完整、符合品牌的設計產物。OpenDesign 透過可組合的 skills、品牌級 DESIGN.md 設計體系與即用型外掛,讓 Agent 直接生成網頁、桌面、行動端原型、即時看板、簡報、圖片與影片,並匯出為真正可用的 HTML、PDF、PPTX、MP4 檔案。其關鍵差異化在於沿用 Anthropic 在 Claude Design 中推出的 agent-native 閉環——發現需求、鎖定方向、串流產出產物、批判性迭代、交付——但將其開放為檔案系統層級的技能、範本與設計系統。它支援 DeepSeek Harness、Claude Code、Codex、Cursor、OpenCode 等 26 種本地 CLI,或透過 BYOK 接入任意 OpenAI 相容端點,適用場景涵蓋快速原型、落地頁、資料看板與品牌化交付。

在 AI 编程工具爆发的当下,编码 Agent 已经能熟练读写代码,但设计产出的闭环始终是个痛点。设计师用 Figma 画布推像素,开发者用 Agent 写组件,两者之间隔着一道交付鸿沟:Agent 生成的东西往往不能直接运行、不符合品牌规范、也难以交付给非技术方。Anthropic 在 Claude Design 中推出的 agent-native 闭环——发现 brief、锁定方向、流式产出 artifact、批判性迭代、最终交付——原本是一个闭源的产品化能力。nexu-io 开源的 OpenDesign 正是切在这个位置上:它把这个闭环开放成一个文件系统,里面是可组合的功能 skills、可复用的设计模板、品牌级 DESIGN.md 设计体系与插件,让已经装在你笔记本上的编码 Agent 能够读取、写入并二次创作。它把自己定位为「Agent 时代的 Figma 替代方案」,不再是在画布上拖拽,而是用真实 CSS、真实字体、真实组件交付单页 artifact,并直接导出为 HTML、PDF、PPTX、MP4。

项目使用 TypeScript 开发,定位为 macOS 与 Windows 的本地优先原生桌面应用,在 GitHub 上已获得近十万 star,属于当前 coding-agent 生态中增长最快的工具型项目之一。OpenDesign 的核心能力可以拆成三层。第一层是可组合的 skills 与插件体系。用户可以在 Plugins 页面按类别浏览官方技能、检索目录,并用 Try it 直接启动一条工作流,让 Agent 的每一次设计动作都有可复用的能力单元支撑。第二层是品牌级 DESIGN.md 设计体系。

Design System 页面可以把一个品牌的视觉语言抽取并精炼成一份「品牌契约」,之后在同一工作区里用它来生成所有产物,确保输出风格一致、可被团队复用。第三层是 Studio 里的一体化产出能力。进入某个项目的 Studio,用户可以在同一处对话、查看生成文件,并创建和打磨网页、桌面、移动端原型,实时看板与 artifacts,演示文稿,图片,文档,以及 HyperFrames 动态图形。技术原理上,它把 CLI 变成设计引擎、把笔记本变成工作室,生成的文件始终留在 OpenDesign 工作流中,支持沙箱化的 iframe 实时预览,并最终导出为真实可交付的文件格式。与闭源的 Claude Design 相比,OpenDesign 的关键差异在于开放性与可定制:设计逻辑不再是黑盒,而是可以阅读、改写和扩展的文件系统。

在模型支持上,它兼容 DeepSeek Harness(dsh)、Claude Code、OpenClaw、Codex、Cursor、OpenCode、Qwen、Copilot、Amp、Hermes、Kimi、Antigravity 等 26 种本地 CLI 可执行文件,或通过 BYOK 接入任意 OpenAI 兼容端点,让开发者用自己熟悉的 Agent 来完成设计。从使用场景与上手体验看,OpenDesign 的典型路径是从 Home 开始:选择一个 artifact 类型,输入 brief,并设定设计体系、工作目录与模型,再启动生成。用户可以在 Plugins 里探索可复用的 skills,把品牌参考转化为 Design System,然后进入项目的 Studio 集中创建与打磨各类产物。安装与集成方面,它是一个本地优先的桌面应用,提供 macOS 与 Windows 版本与下载入口,开发者可以直接在本地跑起,也可以接入 OpenDesign Cloud 这一官方模型服务——一次充值即可在应用内同时使用 agent 模型与图像模型,agent 侧覆盖 GPT、Claude、DeepSeek,图像侧覆盖 GPT Image 2.0、Seedream 5.0 Pro 与 Nano Banana 2.0。对于已接入 DeepSeek Harness 的用户,官方已支持将其作为原生运行时接入,具备结构化思考、工具调用、模型发现、取消与会话续跑等能力,生成的文件仍留在 OpenDesign 工作流中用于实时预览与交付。

文档与生态上,项目提供多语言界面与文档,覆盖英语、西班牙语、葡萄牙语、德语、法语、简体中文、繁体中文、韩语、日语、阿拉伯语、俄语、乌克兰语、土耳其语、泰语等,并设有 Discord 社区,整体活跃度高、国际化程度好,适合希望把品牌设计纳入日常 Agent 工作流的工程团队与独立开发者。从行业意义与展望看,OpenDesign 的价值在于把原本封闭的 agent-native 设计闭环解构成可复用的文件系统,让编码 Agent 真正具备交付品牌级设计产物的能力,这对开发者社区的意义在于缩小了「写代码」与「做设计」之间的鸿沟,让工程团队能把设计系统沉淀为可被 Agent 读取的 DESIGN.md 契约。对工程团队而言,它把设计产出从设计师独占转变为 Agent 可参与、可迭代、可交付的协作流程,同时降低了原型、落地页、看板与演示文稿的交付成本。需要观察的潜在风险包括:依赖多种外部 CLI 与第三方模型可能带来集成复杂度与成本波动,本地优先架构在团队协作与版本管理上的成熟度,以及生成产物在品牌一致性与合规上的可控性。未来值得观察的方向包括:更多官方与社区插件构成的技能生态如何演进,DESIGN.md 设计体系能否成为跨团队的通用品牌契约标准,以及 OpenDesign Cloud 这类官方模型服务是否会进一步降低多模型接入的门槛。综合来看,它代表了 agent 时代设计工具从画布走向代码、从封闭走向开放的一个重要趋势。

Sources

FAQ

OpenDesign 是什么?它解决了什么问题?

OpenDesign 是 nexu-io 开源的桌面应用,能将编码 Agent 转化为设计引擎。它解决了编码 Agent 难以交付符合品牌规范设计产物的问题。

OpenDesign 对开发者社区和工程团队有何意义?

它缩小了代码与设计间的鸿沟,让工程团队能将设计系统沉淀为可被 Agent 读取的 DESIGN.md 契约,降低原型交付成本。

使用 OpenDesign 时需要注意哪些潜在风险和未来发展?

潜在风险包括多 CLI 和模型集成的复杂度,团队协作与版本管理成熟度。未来关注技能生态和 DESIGN.md 标准。