下载

Claude Design最佳开源平替

Open DesignThe Vibe Design Workspace

下载桌面端Star 74.7K

Open Design 是开源、本地的 vibe design workspace——把你已经在用的 coding agent 变成设计引擎，从想法到原型、网页、Slides、HTML 视频，全流程在你自己的设备上完成。
Agent-native，接入 21 个 Coding Agent、129 个 Design System，Apache-2.0。

Open Design desktop — design files & index.html preview

为什么选择 Open Design？

Open Design 是开源、agentic 的 vibe design workspace——把你已经在用的 coding agent 变成一台产出完全归你的设计引擎。当 LLM 第一次证明它能真正做设计——是真的设计稿，不是写文案——这份能力却是闭源、托管、锁模型的。Open Design 把它打开：本地、BYOK、Apache-2.0。

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

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

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

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

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

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

浏览设计系统下载桌面端

从想法到原型、网页、Slides、HTML 视频

Done 👌

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

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

用 Open Design 能产出什么？

原型、落地页、Slides、仪表盘、品牌与设计系统——甚至 HTML 视频。Open Design 把每一样都变成可运行的真实文件，由你自己的 coding agent 驱动，随时交付或交接给工程。

浏览全部模板下载桌面端
PrototypeLive ArtifactSlides图片HyperFrames视频

接入 21+ Coding Agent，零配置

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

浏览全部 Agent
ClaudeCodexGeminiCursorGitHub CopilotOpenCodeDevinHermesPiKimiKiroQwenGrokDeepSeekQoderAMRKiloAiderTraeMistral VibeMiMoAntigravityReasonix
21+ Coding Agent

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

查看全部贡献者下载桌面端

开源 vibe design workspace，用数据说话

GitHub Stars

74K+ GitHub Stars

贡献者

340+ 贡献者

Plugins

217+ Plugins

Design Systems

129+ Design Systems

Coding Agent 支持

21 Coding Agent 支持

Star us

Star us

Open Design 桌面端首页

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

Open · Local · Agent-native

下载桌面端在 GitHub 点 Star

Open Design 常见问题 —— 开源、本地优先、Claude Design 替代

下载桌面端

74K+ Star · Apache-2.0 · 免费

  1. 01Open Design 是开源的 Claude Design 替代品吗？

    是的——Open Design 是开源、本地优先的 Claude Design 替代方案。Claude Design 闭源、托管、锁定 Anthropic 模型；Open Design 是 Apache-2.0，跑在你自己的机器上，且 BYOK，你可以用 Claude Code、Codex、Cursor、Gemini、OpenCode 或 Qwen 驱动它，产出的每个文件都归你所有。

    了解更多 →

  2. 02什么是 vibe design workspace？

    vibe design workspace 是通过向 AI agent 描述意图来做设计——从 prompt 到原型、网页、slides、HTML 视频——而不是手动摆放每个元素。Open Design 是一个开源、agent-native 的 vibe design workspace：把你已经在用的 coding agent 接进完整设计工作流，一个工具就把你从粗略想法带到可交付、归你所有的成品。

    了解更多 →

  3. 03Open Design 是什么？

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

  4. 04Open Design 是官方项目吗？

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

  5. 05它和 Claude Design 有什么不同？

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

  6. 06Open Design 可以本地运行吗？

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

  7. 07支持哪些编码 Agent？

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

  8. 08可以自托管或 fork 吗？

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

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

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

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

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

  11. 11Open Design 要多少钱？

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

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

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

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

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

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

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

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

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