用中文提示词直接生成可交付网页原型，这个开源工具做到了
用中文提示词，直接生成一套可以交付的网页原型——这个开源工具做到了
不知道你有没有这种感觉：每次想要快速验证一个想法，就得打开 Figma、画草图、调整、再导出，折腾半天。
如果有一款工具，你只需要说一句话，就能把脑子里那个模糊的想法，变成一套可以直接给甲方看的网页原型——而且整个过程跑在你自己的电脑上，不上传云端，不强制订阅某个平台——你会想试试吗？
这就是今天要推荐的 Open CoDesign，一个开源、本地优先的 AI 设计工具。
它能做什么？
输入一条自然语言提示词，比如”帮我做一个 SaaS 落地页，有导航、产品介绍、定价和页脚”，它就能生成一套完整的 HTML 原型，包含 hover 状态、tabs、空状态等细节——不是那种只能截图看看的静态图，而是真正可以交互、可以导出的网页。
生成过程是实时的，你能看到 AI 在做什么，随时可以打断、调整局部。
核心亮点
本地优先，数据不上云
所有设计文件都存在你自己的磁盘上，没有强制云端工作区。API Key 也是存在本地配置文件里，不会经过第三方服务器。如果你对数据隐私有要求，这一点很重要。
多模型支持，想用哪个用哪个
不绑死某一家模型。支持 Claude、GPT、Gemini、Ollama、DeepSeek、Kimi 等 20+ 模型，你自带 API Key 就能用。没有中间商赚差价，token 成本直接付给模型厂商。
导出真实文件，不只是截图
支持导出 HTML（内联 CSS）、PDF、PPTX、ZIP 和 Markdown。你拿到的不只是设计稿，而是可以直接交给开发参考的产物。
内置设计技能包，不是盲写
内置了 12 个设计技能模块——幻灯片、仪表盘、落地页、SVG 图表、玻璃拟态、编辑风排版、Hero 区块等——AI 在生成时会自动判断当前需求适合哪种风格，避免输出千篇一律的模板感。
一键导入 Claude Code / Codex 配置
如果你已经在用 Claude Code 或 Codex，现有的 API Key 可以直接带进来，不用重新配置。
适合谁用
- 设计师 / 产品经理：想快速验证想法，不想从零画 Figma
- 独立开发者 / 创业者：需要落地页、定价页、宣传素材，但没有设计资源
- AI 工具爱好者：想在一个本地桌面应用里实验多模型设计效果
对比 Claude Design / v0 / Lovable
| Open CoDesign | Claude Design | v0 | Lovable | |
|---|---|---|---|---|
| 开源 | ✅ MIT | ❌ | ❌ | ❌ |
| 桌面原生 | ✅ Electron | ❌ | ❌ | ❌ |
| 自带 Key | ✅ 任意 Provider | ❌ | ⚠️ 有限 | ⚠️ 有限 |
| 本地 / 离线 | ✅ | ❌ | ❌ | ❌ |
| 模型支持 | ✅ 20+ | 仅 Claude | GPT-4o | 多模型 |
| 版本历史 | ✅ 本地 | ❌ | ❌ | ❌ |
| 价格 | ✅ 免费 | 💳 订阅 | 💳 订阅 | 💳 订阅 |
安装方式
支持 macOS、Windows 和 Linux，一行命令安装：
macOS（Homebrew）
brew install --cask opencoworkai/tap/open-codesign
Windows（Scoop）
scoop bucket add opencoworkai https://github.com/OpenCoworkAI/scoop-bucket
scoop install opencoworkai/open-codesign
或者直接从 GitHub Releases 下载安装包：https://github.com/OpenCoworkAI/open-codesign/releases
第一次启动后，在设置里粘贴你的 API Key 就能开始用。整个过程大概 3 分钟。
如果你想找一个不绑平台、设计产物可以直接交付的开源 AI 设计工具，Open CoDesign 值得试试。
GitHub 链接：https://github.com/OpenCoworkAI/open-codesign
评论区
登录后可评论。