Open Design：开源版 Claude Design 替代品，把 AI 设计工作台搬回本地

图片来源：Open Design 官方 README / repo-assets.open-design.ai

如果你最近在关注 AI 设计工具，Open Design 是一个值得放进工具箱的新项目。它的定位很直接：做一个本地优先、开源的 Claude Design 替代品，让 AI 不只是回答文字，而是直接生成可预览、可导出、可交付的设计产物。

截至 2026-06-10，Open Design GitHub 仓库约有 62.7k stars、7.0k forks，许可证为 Apache-2.0，最新稳定版本是 open-design-v0.9.0，发布于 2026-06-02。项目今天仍有代码推送，活跃度很高。

它能做什么？

Open Design 的核心思路不是传统画布，而是“设计系统 + AI Agent + 可运行产物”。你输入需求，选择技能和设计系统，AI 会生成网页、桌面端、移动端原型、数据看板、演示文稿、图片、视频或动效内容。

在首页里，你可以选择不同的 skill 和 design system，然后输入创作 brief。它更像一个面向 AI Agent 的设计控制台，而不是单纯的图片生成器。

最大亮点：DESIGN.md 让 AI 更稳定地做设计

很多 AI 做 UI 的问题是风格不稳定：第一版像 SaaS，第二版像游戏，第三版又变成营销落地页。Open Design 的解决方式是使用 DESIGN.md 作为品牌和设计规则的“合同”。

DESIGN.md 可以写清楚品牌色、字体、间距、组件规则、动效、语气和禁用风格。这样 AI 生成界面时，不只是凭感觉出图，而是按一套可复用的设计系统来执行。

这对团队尤其有用：设计师可以把品牌规范沉淀成文档，前端和 AI Agent 都能读取同一套规则，减少“每次生成都像不同公司”的问题。

不只做网页，也能做图片和视觉资产

Open Design 的 Studio 支持多种产物类型，包括 prototype、deck、image、video 和 HyperFrames。对内容团队来说，这意味着它不仅能出网页原型，还能做配图、PPT、营销素材和短视频动效。

如果你的网站需要持续生产 AI 工具教程、产品介绍图、社媒封面图，这类工作流很适合测试：先用 DESIGN.md 固定风格，再让 AI 产出不同尺寸和用途的视觉内容。

支持多种 Agent 和模型

Open Design 不把你锁死在单一模型里。官方 README 显示，它支持 Claude Code、Codex、Cursor、OpenCode、Qwen、Copilot、Kimi 等多种 Coding Agent / CLI，也支持 OpenAI-compatible endpoint 和 BYOK 模式。

简单说，你可以把自己常用的 AI 编程/创作工具接进来，让它们成为 Open Design 的设计引擎。

适合谁用？

1. UI/UX 设计师
适合快速做多方向原型、设计探索、页面结构草案和视觉方向验证。

2. 前端开发者
适合把需求快速变成单页 HTML 原型，再继续改成 React、Next.js 或 Vue 项目。

3. 内容和增长团队
适合批量制作文章配图、Deck、活动页面、社媒视觉和短视频动效。

4. 想私有化 AI 设计流程的团队
本地优先和 BYOK 模式对数据敏感团队更友好，尤其适合不想把全部设计资料都放进闭源云工具里的公司。

安装地址

项目主页：
https://github.com/nexu-io/open-design

官网下载 / GitHub Releases：
https://github.com/nexu-io/open-design/releases

最新稳定版本：
https://github.com/nexu-io/open-design/releases/tag/open-design-v0.9.0

常用安装包包括：

• Windows x64 安装包：open-design-0.9.0-win-x64-setup.exe
• Windows x64 绿色版：open-design-0.9.0-win-x64-portable.zip
• macOS Apple Silicon：open-design-0.9.0-mac-arm64.dmg
• macOS Intel：open-design-0.9.0-mac-x64.dmg

建议普通用户优先从 Releases 页面下载桌面版。技术用户可以继续看下面的 Docker 或源码方式。

Docker 快速运行教程

如果你想在本地服务器或测试环境跑一套，可以用 Docker。

前置条件：

• Docker Desktop
• Docker Compose v2

操作步骤：

git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
cp .env.example .env
openssl rand -hex 32

把生成的 token 填到 .env 里的 OD_API_TOKEN= 后面，然后启动：

docker compose up -d

启动后打开：

http://localhost:7456

常用维护命令：

docker compose logs -f
docker compose restart
docker compose pull
docker compose up -d
docker compose down

源码开发运行教程

如果你想参与开发，或想接入自己的 Agent / 插件，可以用源码方式。

环境要求：

• Node.js 24.x
• pnpm 10.33.x，推荐通过 Corepack 使用项目锁定版本
• macOS、Linux、WSL2 或 Windows 原生环境

命令示例：

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable
pnpm install
pnpm tools-dev run web

如果你本机装了 Claude Code、Codex、Cursor Agent、Qwen、Gemini CLI 等工具，Open Design 会从 PATH 扫描可用 Agent。若界面里显示未检测到，可以检查全局 npm、Homebrew 或其他工具链目录是否已经加入 PATH。

5 分钟体验流程

1. 打开 Open Design。
2. 选择一个设计系统，例如 SaaS、Apple、Linear、Stripe 风格。
3. 选择一个任务类型，例如 landing page、mobile onboarding、deck 或 image。
4. 输入 brief，例如：

为一家 AI 知识网站设计首页首屏，风格专业、清爽、有科技感。
需要包含：今日 AI 新闻、开源项目推荐、设计工具教程三个入口。
输出为可预览的网页原型，并保持移动端可读性。

5. 等待 AI 生成预览。
6. 根据结果继续要求它调整配色、层级、文案或导出 HTML / PDF / PPTX。

我的编辑建议

Open Design 最值得写的不是“又一个 AI 设计工具”，而是它背后的趋势：AI 设计正在从 prompt 生成，转向设计系统驱动的 Agent 工作流。

如果你的网站要做系列内容，可以拆成三篇：

• 《Open Design 入门：如何安装并生成第一个网页原型》
• 《DESIGN.md 是什么？为什么它能让 AI 生成更稳定的 UI》
• 《用 Open Design + Codex 做一个 AI 知识网站首页原型》

这类内容既有新闻价值，也有实操价值，适合长期沉淀搜索流量。

注意事项

• Open Design 项目本身是 Apache-2.0，但文章配图来自官方 README，发布时建议保留图片来源和项目链接。
• 如果使用第三方模型 API，可能会产生模型调用费用。
• 如果用本地 Agent，需要确认 CLI 已安装，并且所在目录在系统 PATH 中。
• Windows 用户如果源码运行遇到问题，可以优先使用桌面安装包或 Docker 方式。

资料来源

• Open Design GitHub：https://github.com/nexu-io/open-design
• Open Design Releases：https://github.com/nexu-io/open-design/releases
• Open Design v0.9.0：https://github.com/nexu-io/open-design/releases/tag/open-design-v0.9.0
• Open Design Quickstart：https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md
• 图片来源：Open Design 官方 README / repo-assets.open-design.ai