为你的品牌而生的 Vibe Design Workspace。
一套设计系统，构建你的全场景视觉。
支持 21 种 coding agent，接入即用
Claude
GPT · Codex
Gemini
Cursor Agent
Copilot
DeepSeek
Qwen
Kimi
Grok
OpenCode
Aider
Trae
Devin
Hermes
Kiro
Kilo
Qoder
Mistral Vibe
Antigravity
Pi工作方式
一套设计系统。生成每一个场景。
喂入任何品牌素材。
把定义你品牌的一切喂进来：Deck、网站、Figma、图片、文档。
沉淀成品牌系统。
Open Design 把它们统一成一个品牌内核：颜色、字体、语气、影像、规则。
EMAIL
VIDEO
SITE生成每一个场景。
演示、原型、营销物料、视频。同一个品牌，在任何地方调用。
设计需要的一切。开箱即用。
115 套模板 · 152 套设计系统满载的模板库
Deck、网站、卡片、视频帧。任意 fork，自动套上你的品牌。
● LIVE设计即代码，一键上线
Design to code：每件产物都是真实 HTML 代码，而不是效果图，直接部署成线上链接。不用交接，不用重写。
一切皆可编辑
没有一张是死图。生成之后，版式、文案、样式随便改。
v23↺ 品牌内核已更新：极简版式 · 圆角 8px · 你的语气会自进化的品牌系统
每次选择都会回馈到品牌系统和记忆里，下一件作品比上一件更 on-brand。
天生多模态
网页、Deck、图片、视频、音频。同一个品牌下，一起生成。
插件直进 Codex
在 Codex 里调用 Open Design，拿回真实可编辑的设计产物。
Design benchmark 领先
设计任务输出质量业内领先，公开 benchmark 对比 Codex 与 Claude Design。
设计质量得分
一个工作台。整个团队，都在品牌上。
Open Design 团队工作台三种使用方式
桌面客户端、本地部署，或在 Codex 里。
真实团队，用 Open Design 交付。
Open Design 常见问题 —— vibe design workspace、一套设计系统、开源
85.6K+ Star · Apache-2.0 · 免费
01Open Design 是开源的 Claude Design 替代品吗？
是的——Open Design 是开源、本地优先的 Claude Design 替代方案。Claude Design 闭源、托管、锁定 Anthropic 模型；Open Design 是 Apache-2.0，跑在你自己的机器上，且 BYOK，你可以用 Claude Code、Codex、Cursor、Gemini、OpenCode 或 Qwen 驱动它，产出的每个文件都归你所有。
02什么是 vibe design workspace？
vibe design workspace 是通过向 AI agent 描述意图来做设计——从 prompt 到原型、网页、slides、HTML 视频——而不是手动摆放每个元素。Open Design 是一个开源、agent-native 的 vibe design workspace：把你已经在用的 coding agent 接进完整设计工作流，一个工具就把你从粗略想法带到可交付、归你所有的成品。
03Open Design 是什么？
Open Design 是 nexu-io/open-design 项目的开源 Vibe Design Workspace。它把你已经在用的本地 coding agent（Claude Code、Codex、Cursor、Gemini CLI、OpenCode、Qwen）变成品牌设计引擎：一套设计系统，在所有产物上保持一致，由可组合的 skill 和可移植的 DESIGN.md 系统驱动。
04Open Design 是官方项目吗？
是。官方站点是 https://open-design.ai/，源代码在 GitHub：https://github.com/nexu-io/open-design。"Open Design"、"OpenDesign"、"open-design" 和 "Open Design AI" 都指向同一个项目。
05它和 Claude Design 有什么不同？
Claude Design 是绑定单一厂商的云端产品。Open Design 本地优先、Apache-2.0 开源，并且 BYOK：你使用自己的 Agent、密钥和 Skill 规则。
06Open Design 可以本地运行吗？
可以。桌面端、daemon 和 Skill 运行时都在你的机器上运行，生成的 artifact 会落在你的项目目录里。
07支持哪些编码 Agent？
支持 Claude Code、Codex、Cursor、Gemini CLI、OpenCode、Qwen，以及遵循同一 Skill 协议的其它适配器。
08可以自托管或 fork 吗？
可以。代码采用 Apache-2.0 协议，你可以 fork 仓库、编辑 Skill、加入自己的 reference 规则，或在自己的机器上运行 daemon。
09我的数据会发送给 Anthropic、OpenAI 或 Google 吗？
只有你的 prompt 和 Skill 上下文会发给你自带密钥（BYOK）的那家模型供应商。Open Design 没有自己的服务器——daemon 直接与你的供应商通信，生成的 artifact 以文件形式落在你的项目目录里，不会进入任何厂商云端。
10不安装 CLI 或桌面端能用 Open Design 吗？
目前不行。Open Design 的设计就是本地优先——最少需要一个本地 daemon 加一个 Agent（Claude Code、Codex、Cursor、Gemini CLI 或 17 个受支持适配器之一）。托管沙盒在路线图上但不是优先级：落在你仓库里的 artifact，胜过存在别人数据库里的文档。
11Open Design 要多少钱？
产品本身免费且为 Apache-2.0 开源——不存在 Open Design 订阅。你只需支付所用供应商（Anthropic、OpenAI、Google、Mistral、xAI、Moonshot 等）的 API 费用，直接计入你自己的账户。BYOK 让密钥和开销都留在你这一侧。
12可以把 Open Design 自托管到 Vercel、Cloudflare 或自己的服务器吗？
可以。daemon 在任何能跑 Node 24 的地方运行，落地页是静态 Astro 构建，可直接部署到 Cloudflare Pages、Vercel 或 Netlify。团队共享部署通常把 daemon 固定在内网一台机器上，让每个开发者的 CLI 指向它。
13怎么把我的品牌迁入 Open Design？
把截图或 Figma 导出拖进 Web UI，让 Agent 把品牌提取成一个 DESIGN.md 文件。把它保存到仓库的 design-systems/<your-brand>/ 下，之后所有 Skill 都会按这个品牌渲染，无需重复提示。/alternatives/claude-design/ 以分步形式描述了同一流程。
14换 Agent 需要重做工作吗？
不需要。Skill 和 DESIGN.md 系统与 Agent 无关——同一个 SKILL.md 文件可以在 Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot、Grok、Hermes、Qwen 或其他受支持的适配器上渲染。换 Agent 只是 daemon 里的一项配置变更，不是重新设计。
15Open Design 的路线图有什么？
实时路线图在 GitHub 仓库的 docs/roadmap.md，每周发布说明通过 GitHub Releases 发出。下个季度的主要方向：更多 Agent 适配器、更丰富的模板族（3D、视频、音频），以及面向设计团队的可选共享 daemon 模式。
16Open Design 能在 Codex 里用吗？
可以。安装一次 Open Design Plugin for Codex，之后在任何 Codex 对话里 @open-design，就能拿回真实可编辑的设计产物。安装只需粘贴一段 prompt，详见 Codex 插件页。
17什么是品牌系统？自进化是什么意思？
品牌系统（品牌内核）是你视觉识别的单一事实源：颜色、字体、圆角、影像、语气。所有产物都继承它，你的每次选择也会回馈进去，系统持续进化，下一件作品比上一件更 on-brand。改一个 token，作品全部重算。
18整个团队能共用一个工作台吗？
可以。Team Workspace 让品牌系统、模板库和项目全团队共享：所有人用同一个内核生成，作品进同一个库，系统一改，全员作品一起重算。团队方案见价格页。