Appearance
Open Design：31.5K星开源替代Claude Design，本地运行一句话出设计稿
Claude Design的开源替代品，本地运行，自带模型，Apache-2.0协议。
Open Design是一个设计工作流框架，把你电脑上已有的AI编码工具（Claude Code、Gemini CLI、Cursor Agent等）接进来，按预设的设计流程生成UI、原型和设计稿。
GitHub：https://github.com/nexu-io/open-design
多模型自由切换
启动时自动扫描PATH，支持16种CLI工具：
Claude Code、Codex CLI、Devin for Terminal、Cursor Agent、Gemini CLI、OpenCode、Qwen Code、GitHub Copilot CLI、Hermes、Kimi CLI、Pi、Kiro CLI、Kilo、Mistral Vibe CLI、DeepSeek TUI
BYOK模式：没有CLI也能用，填入API Key即可（支持Anthropic、OpenAI、Azure OpenAI、Google Gemini）。
31个设计技能
Prototype模式（27个）
| 技能 | 产出 |
|---|---|
| web-prototype | 网站落地页、营销页 |
| saas-landing | SaaS官网，Hero/功能/定价 |
| dashboard | 后台管理界面，带数据图表 |
| mobile-app | 手机端应用截图，iPhone/Pixel机框 |
| mobile-onboarding | 三屏引导流程 |
| gamified-app | 游戏化应用，暗色主题 |
| social-carousel | 三张1080×1080社媒轮播图 |
| magazine-poster | 单页杂志风海报 |
| email-marketing | HTML邮件 |
| pm-spec | 产品需求文档（PRD） |
| eng-runbook | 工程值班手册 |
| finance-report | 财务摘要报告 |
| kanban-board | 看板快照 |
| team-okrs | OKR目标记录表 |
Deck模式（4个）
| 技能 | 特点 |
|---|---|
| guizang-ppt | 杂志风PPT，WebGL背景 |
| simple-deck | 极简翻页版 |
| replit-deck | 产品演示风格 |
| weekly-update | 周报deck |
72套设计系统
每次生成时AI读入品牌DESIGN.md，按规范写代码：
| 类别 | 品牌 |
|---|---|
| AI/LLM | Claude、Mistral、Cohere、ElevenLabs、Ollama、X.AI |
| 开发工具 | Cursor、Vercel、Linear、Supabase、Framer、PostHog |
| 生产力 | Notion、Figma、Miro、Airtable、Raycast |
| 金融 | Stripe、Coinbase、Revolut、Wise、Mastercard |
| 电商/消费 | Shopify、Airbnb、Nike、Starbucks |
| 汽车 | Tesla、BMW、Ferrari、Lamborghini |
| 媒体 | Spotify、The Verge、Meta、PlayStation |
Junior Designer模式
不是直接乱猜，而是先问清楚再生成：
- 输入需求（如"做一个种子轮融资PPT，杂志风格"）
- AI弹出表单问：目标受众？风格方向？品牌色？内容几页？
- 选品牌色或视觉风格方向（Editorial/Modern/Tech/Brutalist/Soft）
- AI绑定对应调色板和字体栈后开始生成
- 沙盒iframe实时预览，可下载HTML/PDF/ZIP
图片和视频
| 类型 | 模型 | 用途 |
|---|---|---|
| 图片 | gpt-image-2 | 海报、头像、信息图 |
| 视频 | Seedance 2.0 | 15秒电影感短视频 |
| 视频 | HyperFrames | HTML转MP4动效 |
附93个现成prompt模板，点一下自动填好。
部署
桌面版（推荐）
官网 open-design.ai 下载，macOS/Win都有。
源码运行
bash
git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable
pnpm install
pnpm tools-dev run web常用命令
bash
pnpm tools-dev status # 查看运行状态
pnpm tools-dev logs # 看日志
pnpm tools-dev stop # 停止进程
pnpm tools-dev check # 诊断数据存本地 .od/ 文件夹，关掉再开进度不丢。
与Claude Design的区别
| 维度 | Claude Design | Open Design |
|---|---|---|
| 费用 | 付费 | 免费开源 |
| 模型 | 仅Claude | 16种CLI+BYOK |
| 数据 | 云端 | 本地 |
| 开源 | ❌ | ✅ Apache-2.0 |
| 技能数 | 有限 | 31个+可自定义 |
关键词：Open Design, Claude Design, 开源, AI设计, UI原型
