open-design

让 AI 代工做界面，本地跑完随手改

开源 🏷️定价信息待确认 ✅ 目前可打开设计创意 🍴 复刻 12165 🐛 待处理 1385 👀 关注 306

访问官网 ↗ GitHub ↗

GitHub 星标 ★ 106854

维护状态活跃

是否开源开源

定价模式 🏷️定价信息待确认

项目预览

项目数据

分类设计创意

开发团队nexu-io

官网地址https://open-design.ai

GitHubhttps://github.com/nexu-io/open-design

定价模式🏷️定价信息待确认

价格说明定价信息待确认

访问状态✅ 目前可打开

是否开源是

开源协议Apache-2.0

主要语言TypeScript

技术栈/模型agent-skills,ai-design,byok,claude-code-for-design,claude-design,codex-design,cursor-design,deepseek,deepseek-harness,design-systems,desktop-app,desktop-apps,dsh,dsh-plugin,figma-alternative,hermes-agent,local-first,prototyping,ui-generator,vibe-coding

GitHub 星标★ 106854

上线时间2026-04-28 00:00:00

代码更新2026-11-10

仓库体积3.49 GB

本站数据更新2026-11-10

维护状态活跃

收录时间2026-08-09

浏览次数37

项目介绍

开源的 Claude Design 替代方案，本地优先的桌面应用，让 Claude Code、Codex、Cursor 等编码代理化身设计引擎，直接产出原型、落地页、仪表盘、幻灯片、图片与视频等真实文件，支持 HTML、PDF、PPTX、MP4 多种格式导出，实现“提示词即设计”。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 106854

技术标签

agent-skills ai-design byok claude-design deepseek

使用教程

难度：入门约 15 分钟部署方式：Docker 5 步

环境要求

已安装 Docker 与 Docker Compose（Docker 部署方式）
能访问 GitHub 以克隆仓库
源码方式需 Node ~24 与 pnpm 10.33.x
macOS / WSL2 用户需先确认 od 命令不被系统占用

安装与启动步骤

1克隆仓库

把 OpenDesign 源码拉到本地，命令需能正常访问 GitHub。
```
git clone https://github.com/nexu-io/open-design.git
```
2进入部署目录

docker compose 文件与环境变量模板都放在 deploy 子目录中。
```
cd open-design/deploy
```
3生成环境文件

从 .env.example 复制出 .env，供后续写入访问令牌等配置。
```
cp .env.example .env
```
4写入访问令牌

用 openssl 生成 32 字节随机十六进制串，作为 OD_API_TOKEN 追加到 .env。
```
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env
```
5启动容器

后台拉起服务，首次执行会拉取镜像，请耐心等待完成。
```
docker compose up -d
```

关键配置

配置项	必填	说明	示例
`OD_API_TOKEN`	是	访问 OpenDesign 服务的令牌，写入 deploy/.env 文件	`OD_API_TOKEN=9f2c1d4e8a7b6c5d4e3f2a1b0c9d8e7f`
`OPEN_DESIGN_ALLOWED_ORIGINS`	否	自定义公开/共享部署时限制可访问的来源域名	`https://your-domain.com`

如何确认成功

Docker 方式容器正常运行即启动成功；源码方式运行后会打印访问 URL，打开该地址即可看到 OpenDesign 界面。

常见问题

Q：终端里的 od 命令不是 OpenDesign 的怎么办？

A：macOS 上 /usr/bin/od 是系统八进制转储工具，会遮蔽 OpenDesign 的 od。桌面应用用户请在 Settings → MCP server 中复制客户端专用配置片段，该片段使用绝对路径，不依赖裸 od 命令。

Q：WSL2 或原生 Windows 下安装失败怎么办？

A：WSL2 用户请先按 docs/wsl-setup.md 完成设置；原生 Windows 用户请参考 docs/windows-troubleshooting.md 排查。

Q：源码运行时端口是固定的吗？

A：不是。开发端口由 tools-dev 动态分配，除非你显式传入端口参数，启动后按它打印的 URL 访问即可。

Q：没有图形界面能用吗？

A：可以。把 OpenDesign 作为 skill、插件或 MCP server 装进 Claude Code、Codex、Cursor 等编码代理即可，无需打开 GUI。

Q：除了 Docker 还有别的部署方式吗？

A：有。可用 Sealos 应用商店模板部署已发布的 Docker 镜像，自带持久化工作区存储并在公开代理上启用 Basic Auth。

注意事项

不打开 GUI 时，可用 README 给出的 `od mcp install <agent>` 把 OpenDesign 接入你正在使用的编码代理。
自定义公开或共享的 Docker 部署，请遵循 deploy/README.md 中的反向代理与 OPEN_DESIGN_ALLOWED_ORIGINS 说明。
运行 pnpm install 前需先执行 corepack enable，源码启动命令为 pnpm tools-dev run web。
项目支持 BYOK 自带密钥，也可使用 OpenDesign Cloud 官方模型服务。