open-design 调研：70K+ Stars 的本地优先 AI 设计工作台，Claude Design 的开源替代方案

这不是又一个“AI 画图工具”，而是把设计能力从云端黑盒拆成了文件系统里的 Skills、Design Systems 和 Plugins，让本地的编程 Agent 直接变成设计引擎。

写在前面

2026 年 4 月，Anthropic 发布 Claude Design，第一次让 LLM 从“写文字”进化到“交付设计作品”。但它是闭源、付费、云端运行、绑定 Anthropic 模型和生态。

两周内，开源社区给出了回应：nexu-io/open-design。同样的设计循环，同样的“作品优先”思维，零锁定。它不自带 Agent，而是把你笔记本上已经装好的编程 CLI 变成设计引擎。

结果很说明问题：两周 40k stars，现在 70k+。

一、它解决什么问题

一句话卖点：把“用什么模型、怎么跑任务、输出什么风格”的决策权，交还给开发者自己。

二、能力全景：设计工作的完整操作系统

Open Design 不是单一功能工具，而是把设计全流程封装成了一个可组合的系统：

1. 四大核心能力

2. 100+ Skills：能力即文件

每个 Skill 是一个文件夹，包含 SKILL.md + assets + references，遵循 Claude Code Skill 规范。两大类：

Prototype 模式（27 个）：
–
web-prototype：落地页、营销页、Hero 页
–
saas-landing：SaaS 落地页
–
dashboard：管理后台、数据看板
–
mobile-app：iPhone 15 Pro / Pixel 框定应用
–
mobile-onboarding：App 引导流程
–
social-carousel：3 张 1080×1080 轮播图
–
pm-spec：PM 规格文档
–
team-okrs：OKR 记分卡
–
eng-runbook：事故处理手册
–
finance-report：财务摘要
–
magazine-poster：杂志风海报

Deck 模式（15 个模板 × 36 主题）：
–
guizang-ppt：杂志风 PPT
–
html-ppt-*：15 套 HTML 幻灯片模板
–
deck-swiss-international：瑞士国际风格
–
deck-hermes-cyber：赛博朋克风格

其他模式：
–
image：图片生成
–
video / hyperframes：视频 / 动效
–
audio：音频
–
template：模板
–
design-system：设计系统
–
utility：工具（五维评审、tweaks 面板）

3. 150+ Design Systems：品牌即文件

每套 Design System 是一个 DESIGN.md 文件，9 段式 schema：
– 色彩、字体、间距、布局、组件、动效、语音、品牌、反模式

内置 150 套品牌级系统：
–
科技：Linear、Vercel、Supabase、Figma、Cursor、Mintlify
–
消费：Airbnb、Nike、Starbucks、Uber、Shopify、Pinterest
–
媒体：Spotify、PlayStation、Wired、The Verge、Meta
–
金融：Stripe、Coinbase、Binance、Kraken、Mastercard、Revolut、Wise
–
汽车：Tesla、BMW、Ferrari、Lamborghini、Bugatti、Renault
–
AI/LLM：Claude、Cohere、Mistral、MiniMax、Together AI、Runway、ElevenLabs、Ollama
–
其他：Apple、IBM、NVIDIA、Vodafone、SpaceX

4. 261 Plugins：工作流即插件

Plugins 是可安装的工作流包，5 大类别：
–
scenarios/（11）：完整设计场景（默认、设计精炼、Figma 迁移、代码迁移、React/Vue 导出、媒体生成等）
–
image-templates/（45）：一次性图片提示词
–
video-templates/（50）：HyperFrames / Seedance / Veo 动效模板
–
design-systems/（142）：品牌 DESIGN.md 打包为插件
–
atoms/（13）：可复用 UI 组件（按钮、Hero、KPI 卡片）
–
examples/（140）：可 Remix 的参考输出

三、核心卖点

1. Agent 原生，21+ CLIs 自动识别

启动时扫描 PATH，自动检测已安装的 AI 编码 Agent：
Claude Code / Codex / Cursor Agent / Gemini CLI / GitHub Copilot CLI / OpenCode / OpenClaw / Antigravity / Hermes / Kimi / Pi / Mistral Vibe / DeepSeek / Trae / Cline / Qwen / Qoder 等。

复用你已经在终端登录的会话，无需额外配置 API Key。

2. BYOK 全层，不绑定模型

• 本地 CLI 模式：用你已安装的 Agent 订阅
• BYOK Proxy 模式：没有 CLI？直接用 OpenAI / Anthropic / Azure / Google / Ollama / LM Studio / vLLM 兼容端点
• 官方 AMR（Agentic Model Router）：一个充值用 GPT / Claude / Gemini / DeepSeek，按 token 计费

3. 150 套品牌级 Design Systems

不是“换个主题色”，而是 9 段式品牌规范：
– 色彩体系、字体栈、间距规则、布局约束、组件库、动效规范、品牌语音、反模式清单
– 切换 Design System → 下一次渲染自动应用新品牌

4. 插件即文件，可组合可版本化

• 最小插件只需 SKILL.md
• marketplace 元数据用 open-design.json
• 支持本地文件夹安装、HTTPS 链接安装、marketplace 搜索安装
• 插件可以创建插件（OD CLI 包装 GitHub CLI，Agent 可以 clone repo → scaffold plugin → open PR）

5. 多格式导出

• HTML：单文件，内联资源，可直接交付工程
• PDF：浏览器打印，deck 感知
• PPTX：Agent 驱动导出
• MP4：HyperFrames 确定性渲染（headless Chrome + FFmpeg）
• ZIP / Markdown：归档和源码

6. 三种部署模式

• 桌面 App：macOS / Windows 原生应用，零配置
• Docker：docker compose up -d，适合团队服务器
• Vercel / Sealos：Web 部署，团队共享

四、同类对比：AI 设计工具里的位置

结论：open-design 目前是 最完整、最成体系 的 AI 设计工作台开源项目，不是“又一个 AI 画图工具”，而是把设计能力从云端黑盒拆成了文件系统里的 Skills、Design Systems 和 Plugins。

五、实战：三种方式跑起来

方式 1：桌面 App（推荐，零配置）

1. 访问 https://open-design.ai 下载 macOS / Windows 版本
2. 安装后自动检测本地 Agent CLIs
3. 选择 Skill + Design System → 输入 brief → 生成

方式 2：集成到编码 Agent（无 UI）

# 一行安装到你的 Agent
od mcp install claude
# 或
od mcp install openclaw
# 或
od mcp install codex

# 然后在 Agent 里直接调用
> Use open-design to generate a landing page with the Linear design system

方式 3：Docker 自托管（团队用）

git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
cp .env.example .env
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env
docker compose up -d
# → http://localhost:7456

六、风险与坑

1. 体量巨大：仓库 ~1.5 GB，克隆和安装较慢，Node 24 + pnpm 10.33 环境要求严格
2. 早期版本迭代快：0.10.0 刚发布，API 和插件规范可能变动
3. 桌面 App 仅限 macOS/Windows：Linux 只有可选 AppImage 通道
4. HyperFrames 视频渲染依赖外部模型：Seedance 2.0 / Veo 3 / Sora 2 / Kling 2 需要额外 API
5. issues 较多：432 个 open issues，社区活跃但支持资源有限
6. 与 html-anything 的关系：同团队，html-anything 是聚焦版（75 Skills），open-design 是规模版（100+ Skills），新用户建议直接上 open-design

七、总结

open-design 最值得关注的三个理由：

1. 把设计变成了可组合的文件系统：Skills + Design Systems + Plugins 全文件化，可版本控制、可审计、可团队共享
2. 真正的本地优先 + 模型无关：不绑定 Claude，不绑定云端，用你已有的 Agent 和订阅
3. 70k+ stars 验证：两周 40k，现在 70k+，Apache-2.0，同团队 html-anything 已经验证了这套架构的可扩展性

一句话：如果你需要让 AI 帮你做设计，open-design 是目前最值得 serious 对待的开源方案——它不是“另一个 AI 画图工具”，而是把设计工作流重新打包成了本地 Agent 能读、能写、能组合的文件系统。

参考

• nexu-io/open-design
• 官网
• html-anything（同团队前作）
• 博客园：Open Design 3.4 万星的开源 AI 设计工作室
• CSDN：Open Design 深度技术解析
• SegmentFault：从零搭建你的 AI 设计工厂