下载

从想法到原型、网页、Slides、HTML 视频——产品设计全流程，在你自己的设备上完成。

Open DesignClaude Design最佳开源平替

下载桌面端Star 74K

Figma 和 Claude Design 的 Agent-native 替代。
桌面客户端优先，接入 21 个 Coding Agent，129 个 Design System，Apache-2.0。

Open Design desktop — design files & index.html preview

为什么选择 Open Design？

2026 年 4 月，Claude Design 首次证明 LLM 能真正做设计，不是写文章，是直接产出设计稿。但它闭源、付费、只跑在云端，模型锁 Anthropic，换 Agent、自部署、BYOK 全做不到。Open Design 让这套能力变得开放。

设计在桌面端发生。本地文件、Figma 导出、代码仓库直接可读，Agent 拥有终端执行全部能力。

设计在桌面端发生。
本地文件、Figma 导出、代码仓库直接可读，Agent 拥有终端执行全部能力

你电脑上的 Claude Code / Codex / Cursor 已经够强。OD 做的是把它们接进完整设计工作流。

你电脑上的 Claude Code / Codex / Cursor 已经够强。
Open Design 做的是把它们接进完整设计工作流

每次选择都沉淀为 Design System、偏好和记忆，下次生成更接近你要的结果。

每次选择都沉淀为 Design System、偏好和记忆，下次生成更接近你要的结果

从想法到交付，轻松搞定

Done 👌

Brief → 模板 → 视觉方向 → Artifact → 记忆沉淀

  1. 01选择起点
  2. 02确定视觉方向
  3. 03生成 Artifact
  4. 04交付或制作视频
一句话描述目标，或从模板 / Plugin 直接选起点
选定方向后，色板、字体、间距自动带入生成流程
Agent 读取所有 context，产出真实可运行的文件，沙盒内即时预览和修改
导出给工程继续开发，或用 HyperFrames 直接转为营销视频

用 Open Design 能产出什么？

PrototypeLive ArtifactSlides图片HyperFrames视频

接入 21+ Coding Agent，零配置

自动检测 PATH 上已安装的 CLI，也支持任何 OpenAI / Azure / Google 兼容端点通过 BYOK 代理接入

ClaudeCodexGeminiCursorGitHub CopilotOpenCodeDevinHermesPiKimiKiroQwenGrokDeepSeekQoderAMRKiloAiderTraeMistral VibeMiMoAntigravityReasonix
21+ Coding Agent

来自全球，326 贡献者
正在一起构建 Open Design

查看全部贡献者

我们的项目获得了：

GitHub Stars

52K+GitHub Stars

贡献者

280+贡献者

Plugins

217+Plugins

Design Systems

129+Design Systems

Coding Agent 支持

21Coding Agent 支持

Star us

Star us

Open Design 桌面端首页

让最前沿的 AI 设计能力回到每一个创作者的桌上

Open · Local · Agent-native

下载桌面端在 GitHub 点 Star

常见问题

  1. 01Open Design 是什么？

    Open Design 是 nexu-io/open-design 项目的官方开源 AI 设计工作台。它把本地编码 Agent（Claude Code、Codex、Cursor、Gemini CLI、OpenCode 或 Qwen）变成设计引擎，并由可组合 SKILL.md 工作流驱动。

  2. 02Open Design 是官方项目吗？

    是。官方站点是 https://open-design.ai/，源代码在 GitHub：https://github.com/nexu-io/open-design。"Open Design"、"OpenDesign"、"open-design" 和 "Open Design AI" 都指向同一个项目。

  3. 03它和 Claude Design 有什么不同？

    Claude Design 是绑定单一厂商的云端产品。Open Design 本地优先、Apache-2.0 开源，并且 BYOK：你使用自己的 Agent、密钥和 Skill 规则。

  4. 04Open Design 可以本地运行吗？

    可以。桌面端、daemon 和 Skill 运行时都在你的机器上运行，生成的 artifact 会落在你的项目目录里。

  5. 05支持哪些编码 Agent？

    支持 Claude Code、Codex、Cursor、Gemini CLI、OpenCode、Qwen，以及遵循同一 Skill 协议的其它适配器。

  6. 06可以自托管或 fork 吗？

    可以。代码采用 Apache-2.0 协议，你可以 fork 仓库、编辑 Skill、加入自己的 reference 规则，或在自己的机器上运行 daemon。

  7. 07我的数据会发送给 Anthropic、OpenAI 或 Google 吗？

    只有你的 prompt 和 Skill 上下文会发给你自带密钥（BYOK）的那家模型供应商。Open Design 没有自己的服务器——daemon 直接与你的供应商通信，生成的 artifact 以文件形式落在你的项目目录里，不会进入任何厂商云端。

  8. 08不安装 CLI 或桌面端能用 Open Design 吗？

    目前不行。Open Design 的设计就是本地优先——最少需要一个本地 daemon 加一个 Agent（Claude Code、Codex、Cursor、Gemini CLI 或 17 个受支持适配器之一）。托管沙盒在路线图上但不是优先级：落在你仓库里的 artifact，胜过存在别人数据库里的文档。

  9. 09Open Design 要多少钱？

    产品本身免费且为 Apache-2.0 开源——不存在 Open Design 订阅。你只需支付所用供应商（Anthropic、OpenAI、Google、Mistral、xAI、Moonshot 等）的 API 费用，直接计入你自己的账户。BYOK 让密钥和开销都留在你这一侧。

  10. 10可以把 Open Design 自托管到 Vercel、Cloudflare 或自己的服务器吗？

    可以。daemon 在任何能跑 Node 24 的地方运行，落地页是静态 Astro 构建，可直接部署到 Cloudflare Pages、Vercel 或 Netlify。团队共享部署通常把 daemon 固定在内网一台机器上，让每个开发者的 CLI 指向它。

  11. 11怎么把我的品牌迁入 Open Design？

    把截图或 Figma 导出拖进 Web UI，让 Agent 把品牌提取成一个 DESIGN.md 文件。把它保存到仓库的 design-systems/<your-brand>/ 下，之后所有 Skill 都会按这个品牌渲染，无需重复提示。/alternatives/claude-design/ 以分步形式描述了同一流程。

  12. 12换 Agent 需要重做工作吗？

    不需要。Skill 和 DESIGN.md 系统与 Agent 无关——同一个 SKILL.md 文件可以在 Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot、Grok、Hermes、Qwen 或其他受支持的适配器上渲染。换 Agent 只是 daemon 里的一项配置变更，不是重新设计。

  13. 13Open Design 的路线图有什么？

    实时路线图在 GitHub 仓库的 docs/roadmap.md，每周发布说明通过 GitHub Releases 发出。下个季度的主要方向：更多 Agent 适配器、更丰富的模板族（3D、视频、音频），以及面向设计团队的可选共享 daemon 模式。