OpenDesign

定义

OpenDesign 是一个面向界面与视觉产出的开源设计工作台，官方将其定位为 Claude Design 的开源、本地优先替代方案^[2]。它由三部分组成：浏览器中的工作区界面、运行在本机的守护进程，以及以文件形式存在的技能与设计系统^[2]。守护进程负责在项目目录中启动用户选定的编码 agent，agent 因此可以直接读写磁盘上的真实文件^[1]。

与常规设计软件不同，它不提供画布上的手工排版，用户以自然语言描述需求，由接入的 agent 生成可交互的成品^[2]。官方随包提供的自带密钥适配器共 17 种，涵盖 Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot CLI、OpenCode、Qwen 等^[2]。

原理

流程从一次设计委托开始。守护进程先让 agent 送出一份交互式问题表单，锁定平台、受众、语气、品牌背景与规模等前提；用户没有既有品牌时，再给出几个视觉方向供选择；随后 agent 把待办清单实时推送到界面，产物最终渲染在沙盒 iframe 中^[1]。这种先提问、后动手的顺序，被项目方视为减少返工的主要手段^[1]。

flowchart LR

A[描述设计需求] --> B[交互式提问表单]

B --> C[选择视觉方向]

C --> D[本地守护进程调用编码 agent]

D --> E[读写项目目录中的技能与设计系统]

E --> F[沙盒 iframe 预览]

F --> G[导出 HTML / PDF / PPTX / ZIP / MP4]

技能以 SKILL.md 文件形式存放，遵循编码 agent 通用的约定，新增一个技能只需放入一个文件夹并重启守护进程^[1]。设计系统则是可移植的 Markdown 文件，按颜色、字体、间距、布局、组件、动效、语气、品牌与反模式 9 个部分描述，切换设计系统即改变下一次渲染所用的令牌^[1]。生成所用的模型由用户自带密钥接入，项目方称自身没有服务器，守护进程直接与所选供应商通信^[2]。

发展历程

OpenDesign 出现之前，Anthropic 于 2026 年 4 月 17 日发布 Claude Design，其产出的设计稿可以直接交付给客户^[1]。该产品闭源、只对付费用户开放、仅在云端运行并锁定自家模型，既无法自托管，也不能替换模型^[1]。此后开源社区陆续出现复刻同类流程的尝试，其中的先行者以桌面应用形式落地^[3]。

2026 年 4 月 25 日，nexu-io 提交 Open Design 的首批代码，确定了网页应用加本地守护进程的架构、按系统路径自动发现编码 agent 的做法，以及 Apache-2.0 许可^[3]。据一篇技术社区文章记述，该项目开源 5 天即在代码托管平台上获得 1.82 万标星^[4]。项目说明则称其标星数在两周内达到 4 万^[1]。

2026 年 5 月，项目在 5 周内连续发布 4 个次版本，先后加入 MCP 服务模式、自省评审、实时产物、Cloudflare 部署与自动记忆等能力，来自 100 多名贡献者的合并请求超过 280 个^[3]。其后的 0.8.0 预览版把自身表述为针对 Figma 的开源、agent 原生替代方案^[1]。

应用

在设计与营销场景中，它可产出单页落地页、营销着陆页、管理后台仪表盘、定价页、博客长文、移动应用界面、社交平台轮播图与杂志式海报等^[1]。办公类场景则覆盖产品规格文档、团队 OKR 表、会议纪要、看板、工程故障手册、财务报告、发票与入职计划^[1]。幻灯片模式下内置多种版式，可输出单文件 HTML 并导出为 PDF^[1]。

成品可导出为 HTML、PDF、PPTX、ZIP、Markdown，视频类产物输出 MP4^[1]。项目的网页层是静态构建，可部署到 Vercel、Cloudflare Pages 或 Netlify，团队共享部署时通常把守护进程固定在内网一台机器上，让每位成员的命令行工具指向它^[2]。已有的 Claude Design 项目也可导出 ZIP 后导入，继续在本地编辑^[2]。

局限

OpenDesign 在设计上即要求本地运行，目前无法在没有本地守护进程和至少一个编码 agent 的情况下使用，托管沙盒虽在路线图上但并不优先^[2]。这意味着使用者必须先在机器上装好并配置一个受支持的编码 agent 命令行工具，否则无法开始工作^[2]。

它自身不提供模型，成品的质量取决于所选 agent 与模型的能力，项目文档也把输出水平与所接入模型直接关联^[5]。产品本身免费且不设订阅，但用户需自行承担所接供应商的接口费用，密钥与开销都留在自己一侧^[2]。使用过程中，提示词与技能上下文会发送给自带密钥的那家模型供应商^[2]。

平台支持上仍有缺口，Linux 版的公开稳定下载一度尚未开放^[6]。有第三方上手评测在肯定的同时也指出，项目仍有部分细节不够成熟^[7]。

参见

• Claude Design —— 闭源的云端设计产品，OpenDesign 常被视作它的开源替代方案。

• Figma —— 传统界面设计工具，OpenDesign 将自身表述为其替代方案之一。

• 模型上下文协议 —— OpenDesign 可作为该类服务器被编码 agent 调用。

• GitHub —— 托管 OpenDesign 源代码的平台。

• Apache 许可证 —— OpenDesign 采用的软件许可协议。