Open Design：Claude Design 的开源替代，支持 16 种 AI 工具和 72 套设计系统

Anthropic 推出的 Claude Design 功能让很多人眼前一亮——用 AI 直接生成网页、PPT、原型图。但这个功能绑定在 Claude 服务上，不够灵活。最近在 GitHub 上，一个名为 Open Design 的开源项目提供了完整的替代方案：本地运行、支持 16 种 AI 编程工具、内置 72 套设计系统。

项目简介

Open Design 是一个本地优先的开源设计工具，可以将 Claude Code、Codex、Cursor、Gemini CLI 等 16 种 AI 编程 CLI 变成设计引擎。你只需要一句提示词，就能生成网页、桌面应用、移动端原型、演示文稿、图片甚至视频。

项目地址：https://github.com/nexu-io/open-design

核心数据：⭐ 37,000+ Stars | 📜 Apache 2.0 | 🟦 TypeScript

核心功能

多 AI 工具支持

Open Design 最大的亮点是不绑定任何单一 AI 服务。它支持以下 AI 编程 CLI：

• Claude Code
• OpenAI Codex
• Cursor Agent
• Google Gemini CLI
• GitHub Copilot CLI
• OpenCode
• Qwen Code
• Hermes Agent
• 以及更多共 16 种工具

系统会自动检测你 PATH 上安装了哪些 CLI，无需额外配置。

72 套设计系统

内置了 72 套品牌级设计系统，覆盖各种风格——从极简主义到毛玻璃效果，从商务风格到创意设计。每个设计系统都包含完整的色彩、排版、组件规范。

输出格式

• 网页（HTML/CSS/JS）
• 桌面应用原型
• 移动端原型
• 演示文稿
• 图片
• 视频

支持导出为 HTML、PDF、PPTX、MP4 等格式。

安装和使用

Open Design 需要你本地安装有至少一种支持的 AI 编程 CLI。安装步骤：

1. 克隆仓库：git clone https://github.com/nexu-io/open-design.git
2. 安装依赖：cd open-design && npm install
3. 运行：npm start

启动后，Open Design 会自动检测你本地安装的 AI CLI，你只需要选择要用哪个，然后输入设计需求即可。

如果没有安装任何 CLI，也可以通过 OpenAI 兼容的 BYOK 代理来使用。

沙箱预览

Open Design 内置了沙箱预览功能，生成的设计可以实时在浏览器中预览，支持热更新。这对快速迭代设计方案非常有帮助。

适合谁

• 需要快速生成网页原型的前端开发者
• 想用 AI 做设计但不想被 Claude Design 绑定的用户
• 需要批量生成演示文稿或宣传图的运营人员
• 希望用本地 AI 工具保护数据隐私的团队

简评

Open Design 填补了一个真实的需求空白：用开源方式实现 AI 驱动的设计工作。它不是 Claude Design 的简单克隆，而是在设计理念上更开放——支持更多工具、更多输出格式、本地优先。如果你对 AI 设计感兴趣但不想被锁定在某个平台上，这个项目值得关注。

来源：GitHub – nexu-io/open-design