Open Design

✨ Open Design：开源本地优先的 AI 设计工作空间

Open Design 是一款基于 Apache-2.0 协议开源的 AI 设计工具，定位为 Claude Design 的优质替代方案。它采用本地优先架构，不捆绑特定 AI 模型，而是直接调用您电脑上已有的 21+ 种编程 Agent（如 Claude Code、Cursor、Kimi 等），通过声明式的 SKILL.md 和 DESIGN.md 驱动工作流，实现从需求定义到产物生成的完整闭环。

---

🎯 核心功能亮点

• Agent 原生驱动：支持 Claude Code、Cursor、Kimi、Codex 等 21+ 种编程 Agent，通过 MCP 协议一键接入，灵活切换。
• 丰富的技能与设计系统：内置 259+ 个可复用设计技能（SKILL.md）和 142+ 个品牌级设计系统（DESIGN.md，涵盖 Linear、Stripe、Apple 等风格）。
• 多形态产物输出：支持生成网页原型、实时仪表盘、演示文稿（Decks）、图片、视频及 HyperFrames 动态图形。
• 真实代码渲染：输出真实的 CSS 代码、字体和组件，而非画布像素，产物可直接进入工程流程。
• 多种格式导出：支持导出为 HTML、PDF、PPTX、MP4 等工程可直接使用的格式。

💡 设计理念：“文件即设计系统”。基于 SKILL.md 和 DESIGN.md 的声明式文件系统，技能和设计系统可复用、可版本管理、可在团队间共享。

---

🚀 如何使用 Open Design

1. 下载安装：访问官网下载桌面应用（macOS / Windows），或通过源码/Docker 部署。
2. 接入 Agent：使用 od mcp install <agent> 命令，将本地编程 Agent 一键接入 Open Design 的 MCP 服务器。
3. 创建项目：在首页选择产物类型（如原型、仪表盘），并绑定一个 DESIGN.md 设计系统。
4. 锁定需求：回答 30 秒快速问卷（用途、受众、调性等），快速对齐设计方向。
5. 选择视觉：从 5 个确定性视觉方案中挑选，系统自动锁定 OKLch 色板、字体栈和布局。
6. 生成与预览：Agent 将产物写入本地磁盘，在沙盒 iframe 中实时预览真实 CSS 渲染效果。
7. 评审与导出：通过内置 5 维自评体系优化产物，确认后导出为 HTML、PDF、PPTX 等格式。

---

💎 核心优势

• 完全开源免费：Apache-2.0 许可证，无订阅费，支持自由 fork 和自托管。
• 数据隐私可控：所有数据和产物保存在本地文件系统，不经过厂商云端，实现真正的数据自主。
• BYOK 成本控制：自带 API Key，直接向提供商付费，无中间商抽成，支持 OpenRouter 和自托管模型。
• 品牌迁移零成本：上传截图或 Figma 文件，Agent 自动提取品牌规范，后续所有技能自动套用。
• 离线可用：结合本地 Agent 或 Ollama，可在离线环境下使用部分功能。

---

📊 竞品对比一览

对比维度	Open Design	Claude Design	Open CoDesign
开发方	nexu-io 社区	Anthropic Labs	OpenCoworkAI
许可协议	Apache-2.0 (开源)	闭源商业	MIT (开源)
部署方式	本地桌面 / 源码 / Docker	云端 SaaS	本地桌面应用
底层模型	21+ 种本地编程 Agent	仅 Claude Opus 4.7	多种模型 (Claude/GPT 等)
数据隐私	本地优先，数据存于本地	云端处理	本地优先，数据存于 SQLite
定价模式	免费开源，BYOK	绑定 Claude 订阅	免费开源，BYOK

---

🌟 典型应用场景

• 快速产品原型设计：通过自然语言描述，快速生成高保真交互原型，真实 CSS 渲染可直接用于开发交接。
• 品牌视觉系统构建：自动提取品牌规范，确保原型、PPT、图片等所有产物的视觉一致性。
• 演示文稿与提案制作：生成编辑级幻灯片，支持 WebGL 动效，导出 PPTX 或 PDF 用于客户汇报。
• 营销素材生成：生成图片、视频及动态图形，统一在聊天界面中完成从文案到视觉的产出。
• 实时数据仪表盘：构建可交互的内部监控面板、运营看板或 SaaS 后台界面原型。
• 团队协作标准化：将设计规范存入共享仓库，实现设计规范的版本化管理和团队共享。