Open Design：开源 Claude Design 替代品，GitHub 60K+ Stars 的 Agent 原生设计工具

原文来源：GitHub: nexu-io/open-design — 一个本地优先、开源的 Claude Design 替代品，支持 150+ 设计系统、261+ 插件、21 种编码 Agent。

一句话总结

Open Design 是一个开源的、本地优先的 Claude Design 替代品。它不是一个在线工具，也不是一个闭源 SaaS——它是一个原生桌面应用（macOS + Windows），本质上是一个「Agent 原生设计引擎」。它让任何编码 Agent（Claude Code、Codex、Cursor、Hermes 等）直接在你的笔记本电脑上生成设计成品：网页原型、Dashboard、PPT 演示文稿、图片、甚至是视频动效。

为什么 Open Design 值得关注

2026 年 4 月，Anthropic 发布了 Claude Design——这是业界第一个让 LLM 停止写文字、直接输出设计稿的产品。它迅速引爆了社区，但很快也暴露出了根本性的问题：闭源、付费、云端、只能跑 Anthropic 的模型。

Open Design 就是开源的回答。

它用同一个「Agent 原生循环」（发现需求 → 锁定方向 → 流式生成 → 评审 → 交付），但去掉了所有锁：

不开浏览器也能用——你的 CLI 就是设计引擎
不绑模型——换哪个 Agent 都行
不交订阅费——BYOK（自带 API Key）
不依赖云端——一切在本地运行

核心能力全景

1. Agent 原生的设计循环

Open Design 最核心的理念是：你的 CLI 就是设计引擎。它不是一个独立的 SaaS 产品，而是一套技能（Skills）、设计系统（DESIGN.md）和插件（Plugins），让你的编码 Agent 可以直接读写和编排。

安装后输入 od mcp install claude 一行命令就把 Open Design 的 MCP 服务器接入你的编码 Agent。支持 21 种主流 Agent CLI：

Agent	安装命令
Claude Code	`od mcp install claude`
Codex CLI	`od mcp install codex`
Cursor	`od mcp install cursor`
GitHub Copilot	`od mcp install copilot`
Gemini CLI	`od mcp install gemini`
Hermes Agent	`od mcp install hermes`
OpenCode / OpenClaw	`od mcp install opencode`
Kimi CLI	`od mcp install kimi`
… 以及更多

2. 150+ 设计系统（DESIGN.md）

每个 Open Design 输出都读取活跃的 DESIGN.md 文件——一个 9 部分的结构化品牌规范：

色板（Palette）
字体（Type）
间距（Spacing）
动效（Motion）
语气（Voice）
反模式（Anti-patterns）

仓库内置了 150 个品牌级设计系统：Linear、Stripe、Vercel、Airbnb、Apple、Tesla、Notion、Anthropic、Cursor、Supabase、Figma……拖入文件夹，选择器自动找到它。

3. 四种产出形态

原型（Prototypes）——网页、桌面、移动端。单页 HTML artifact，沙箱隔离 iframe 预览，即生即看：

杂志式 Dashboard
移动端多屏流程（含 iPhone 15 Pro 设备框）
用户增长游戏化界面

实时 Dashboard 和决策看板——可编辑的 KPI 墙，调整面板可实时调整参数，iframe 无需刷新即可重新渲染：

GitHub 风格仓库指标面板
产品调研决策室
数据分析报告页面

演示文稿（Decks）——杂志风格布局、WebGL 动效开场。导出格式包括 HTML / PDF / PPTX / ZIP：

瑞士国际风格（Swiss International）排版
15 种 Deck 模板、36 种主题
支持动画和过渡

图片和视频——内置 gpt-image-2 集成、93 个即时可用的图片提示词模板。视频方面整合了 HyperFrames 动效框架（HTML+CSS+GSAP → MP4），以及 Seedance 2.0、Veo 3、Sora 2、Kling 2 等多种视频模型。

4. 插件生态：261 个即装即用插件

Open Design 的插件不是「扩展」，而是可复用的工作流。任何插件都可以在 Automation 页面编排成定时任务。插件、技能、设计系统三层全部是普通文件，任何人都可以编写、版本化和发布。

与竞品对比

维度	Claude Design	Figma	Lovable/v0/Bolt	Open Design
开源	❌	❌	❌	✅ Apache-2.0
本地/自托管	❌	❌	❌	✅ macOS + Windows + Vercel
Agent 原生	Anthropic 独有	❌	云端 Agent	✅ 21 种 CLI
设计系统	专有格式	主题 JSON	Token 受限	✅ 150 套内置
技能/插件	封闭	插件商店	封闭	✅ 100+ 技能 · 261 插件
视频/HyperFrames	❌	❌	❌	✅ 一等支持
最低付费	Pro/Max/Team	Pro/Org	Pro/Team	BYOK·免费

隐私与安全性

Open Design 的隐私设计值得单独拿出来说：一切都运行在你的数据所在的地方——你的笔记本、你团队的服务器、你的 Vercel 项目。无遥测、无云端往返。需要使用网络时，BYOK 代理具有 SSRF 防护，阻止内网 IP 和链路本地地址。

桌面应用使用 SQLite 存储（.od/app.sqlite），项目文件保存在 .od/projects/<id>/ 下。如果你愿意，也可以完全不打开 GUI，直接在 CLI 中作为技能/插件/MCP 服务器使用。

技术架构

Open Design 使用 Electron 构建，前后端分离：

前端：React + TypeScript，使用 Tailwind CSS 和 shadcn/ui
后端：Node.js daemon + 插件系统
存储：SQLite（本地）
AI 集成：MCP 协议 + 多模型路由器（支持 21 个 Agent CLI + BYOK 代理端点）
视频渲染：HyperFrames（HTML + CSS + GSAP → headless Chrome → FFmpeg → MP4）

批判性视角

Open Design 无疑是一个令人兴奋的项目——GitHub 60K+ Stars 就是最好的证明。但作为成熟产品的替代方案，它还有很长的路要走：

桌面应用是优势也是局限。下载安装门槛高于网页版，意味着即用性不如 Figma 或 v0。Linux 支持还只是「可选的发布通道」，AppImage 体验和 macOS/Windows 原生应用有差距。

插件生态靠社区，目前虽然数量多（261+），但大部分是简单的工作流模板，距离成熟的产品级插件生态还有距离。没有官方的「插件市场」审核机制，质量管理完全依赖开源社区的自我组织。

"Agent 原生"既是创新也是门槛。如果你对 Claude Code / Codex / Cursor Agent 等工具不熟悉，Open Design 的学习曲线会明显高于拖拽式设计工具。它更像是为已经使用 AI 编码工具的开发者准备的进阶工具。

快速开始

code

# 下载桌面应用
打开 open-design.ai 或 GitHub Releases

# 或者通过 CLI 安装到 Agent
od mcp install claude    # 接入 Claude Code
od mcp install codex     # 接入 Codex CLI
od mcp install cursor    # 接入 Cursor

总结

Open Design 代表了一种新的设计范式：设计不再是人工在画布上推像素，而是 Agent 在文件系统上编排 artifact。它是 Figma 时代的终结者还是陪衬？取决于你的工作流中有多少 AI Agent。如果你是 AI 编码工具的重度用户，Open Design 值得一试——毕竟是开源的，成本为零。