Open Design

AI设计工具
访问官网
分类
AI设计工具
收录时间
2026-06-10

简介

开源本地优先的 AI 设计工作空间，Apache-2.0 许可，调用本机已有的编程 Agent 出图出码

详细介绍

Open

  • Design 要解决的矛盾很具体：AI 生成的视觉稿多为画布像素，进不了工程流，改一版就得重画。它把产出物定义成真实 CSS、真实字体和真实组件，写进你自己的项目目录，前端能直接接着往下做。
  • 项目归属与许可：由 nexu-io 社区维护，Apache-2.0 许可证，源码在 github.com/nexu-io/open-design，无订阅费，可自由 fork 和自托管。
  • 部署方式就三条：官网 https://open-design.ai/ 下载 macOS 或 Windows 桌面应用；拉源码用 Node 24 + pnpm 自行安装；或者 Docker 部署，docker compose up 起一套。
  • 它不自带模型：Open Design 不卖 API 额度，靠 MCP 协议调用你机器上已经装好的编程 Agent，官方列出 21+ 种，含 Claude Code、Cursor、Kimi、Codex、Gemini、Copilot、DeepSeek。

安装后执行 od mcp install 加 agent 名即可挂载，守护进程会扫一遍 $PATH 把可用 Agent 认出来，同时加载好技能与设计系统。

  • 技能与设计系统从哪来：259+ 个 SKILL.md 技能是可复用的工作流说明，拖入文件夹就能被 Agent 读取执行；142+ 个 DESIGN.md 是品牌级设计系统，内置 Linear、Stripe、Apple、Vercel 等风格，也能传截图或 Figma 文件让 Agent 自动提取你的品牌规范，后续所有产物都套用同一套。

具体技能里，Magazine Decks 负责编辑级幻灯片，带 WebGL 动效与杂志排版，适合客户汇报和融资路演；Synthetic Matter 负责图片、视频和 HyperFrames 动态图形；实时仪表盘可接真实数据源，做成内部监控面板或 SaaS 后台界面原型。

  • 一次出稿的路径：在 Home 页选产物类型（原型、仪表盘、演示文稿、图片、视频等）并绑定一个 DESIGN.md，Detect 检测本机 Agent，Discover 用一份 30 秒问卷收用途、受众、调性、规模与品牌背景，Direct 从 5 个确定性视觉方案里挑一个并锁定 OKLch 色板、字体栈与布局姿态，Deliver 由 Agent 流式写入磁盘并在沙盒 iframe 中实时预览真实 CSS 渲染效果。

产物形态包括 Web、桌面或移动端的高保真交互原型、实时仪表盘（可连真实数据源做成 Live Artifact）、演示文稿（Decks）、PPT、图片、视频和 HyperFrames 动态图形，导出 HTML、PDF、PPTX、MP4、ZIP 或 Markdown，文件留在你的项目目录里。

  • 自评与迭代：内置 5 维自评体系（哲学、层级、执行、特异性、克制），让 Agent 对自己的产物做批判性优化，而不是出一次图就收工。
  • 账单怎么算：BYOK，自带 API Key 直连 OpenAI、Anthropic、Google、Moonshot、OpenRouter 或自托管 vLLM，直接向所选供应商付费，没有中间商抽成；接本地 Ollama 时可离线跑。
  • 与同类摆在一起看：Claude Design 是 Anthropic Labs 的云端 SaaS 产品，走 claude.ai/design，仅绑 Claude Opus 4.7，产物为交互原型、幻灯片、线框图、营销素材、单页 HTML 原型和 React/JSX 组件，可导出 Markdown PDF、PPTX、独立 HTML，也能直接交接给 Canva 或 Claude Code，设计侧自动读取代码库和设计文件提取设计 Token，订阅绑 Claude、Pro $20/月起并消耗消息配额，不支持离线。

Open CoDesign（OpenCoworkAI）是 Prompt-to-Artifact 路线的开源桌面工具，MIT 许可，基于 Electron 打包，经 Homebrew 或 winget 安装，数据存本地 SQLite，设计技能用 YAML 描述、内置 12+ 套，底层可接 Claude、GPT、Gemini、DeepSeek、Kimi、GLM、Ollama、OpenRouter、SiliconFlow，导出 HTML、PDF、PPTX、ZIP、Markdown，同样支持 Ollama 离线。

Open Design 的差别在技能与设计系统的数量级，以及产物是否落在你自己的文件系统里。

  • 需要知道的：数据全在本地，团队协作就得靠你们自己的 Git 或共享仓库来管 DESIGN.md 与 SKILL.md；出稿质量随你接的那款 Agent 起伏，换 Agent 只需改一行配置，但换模型等于换生产力。