Open CoDesign – 开源桌面 AI 设计工具
Introduction
如果您曾感到被单一 AI 提供商锁定,或被迫只能使用云端设计生成器,Open CoDesign 将带来一股清新之风。该项目由 OpenCoworkAI 社区打造,采用 MIT 许可证的桌面应用程序,让您只需输入简短文本提示,即可在自己的机器上生成完整的 UI 原型、幻灯片、PDF 或 ZIP 包。无论您偏好 Anthropic 的 Claude、OpenAI 的 GPT‑4、Google Gemini,还是本地的 Ollama 模型,Open CoDesign 都能兼容任意 OpenAI 兼容的端点,为您在成本、隐私和工作流上提供真正的自由。
Key Features
| Feature | Why It Matters |
|---|---|
| Local‑first, desktop native | 无需强制使用云端工作区,所有文件均保留在本地设备。 |
| Multi‑model support | 支持 Claude、GPT、Gemini、Ollama、OpenRouter、DeepSeek、Kimi、GLM 以及任何 OpenAI 兼容的 API。 |
| One‑click provider import | 可一键导入已有的 Claude Code 或 Codex 配置,无需手动输入密钥。 |
| Built‑in design skill modules | 十二个预制模块(幻灯片、仪表盘、着陆页、SVG 图表等)引导模型生成高质量 UI。 |
| Live agent panel | 实时查看 AI 的工具调用、令牌使用和进度,随时中断生成。 |
| Comment‑mode editing | 在预览中固定任意元素,添加备注,让模型仅重写该区域。 |
| AI‑generated sliders | 模型提供颜色、间距、排版等参数的滑块,立即微调。 |
| Export options | 一键生成 HTML、PDF、PPTX、ZIP 和 Markdown。 |
| Cross‑platform installers | macOS(brew、dmg)、Windows(Scoop、exe)、Linux(AppImage、deb、rpm)——全部通过 SHA256 校验。 |
Getting Started
1. Install the App
- macOS –
brew install --cask opencoworkai/tap/open-codesign - Windows (Scoop) –
scoop bucket add opencoworkai https://github.com/OpenCoworkAI/scoop-bucket && scoop install opencoworkai/open-codesign - Linux – 从 v0.2.0 GitHub 发布页面下载对应的 AppImage、.deb 或 .rpm。
Tip: 使用提供的
SHA256SUMS.txt与 CycloneDX SBOM 验证下载文件的完整性,提升安全性。
2. Add a Provider
首次启动时,前往 Settings → Models。您可以:
- 使用 ChatGPT Plus/Pro 订阅登录,以免输入 API Key 直接使用 Codex 模型。
- 粘贴 Anthropic、OpenAI、Gemini、DeepSeek、OpenRouter 等提供商的 API Key。
- 选择 Local / keyless,连接本地 Ollama 服务器或 IP 白名单的 OpenAI 兼容网关。
所有凭证均保存在本地 ~/.config/open-codesign/config.toml,除非所选提供商要求,否则绝不会离开您的机器。
3. Generate Your First Design
从十五个内置示例(如着陆页、定价表、移动应用)中任选其一,或自行输入需求。AI 代理将会:
- 根据选定的 design skill modules 规划布局。
- 编写 HTML/JSX、CSS 以及可选资源文件。
- 在 agent panel 中实时展示进度。
- 按您选择的格式导出结果。
4. Refine with Comment Mode & Sliders
点击预览中的任意元素,固定后添加评论,模型仅重写该区域。利用 AI 生成的滑块,可即时微调颜色、间距或排版,无需重新生成整个设计。
Why Open CoDesign Beats Cloud‑Only Alternatives
| Aspect | Open CoDesign | Claude Design / Vercel / Bolt.new |
|---|---|---|
| Cost | 免费应用,您只为实际使用的模型付费。 | 设计服务采用订阅付费模式。 |
| Privacy | 所有设计文件和代理状态均保留在本地设备。 | 设计在云端处理,数据可能被远程存储。 |
| Model Flexibility | 支持 20+ 模型,支持 BYOK(自带密钥)。 | 通常锁定单一提供商(如 Anthropic)。 |
| Export Control | 可直接导出为 HTML、PDF、PPTX、ZIP、Markdown。 | 多限于专有格式或需额外步骤。 |
| Customization | 可添加自定义 SKILL.md,教会模型使用您的品牌词汇。 |
仅限预设模板。 |
Use Cases
- Rapid Prototyping – 设计师可在数分钟内生成可交互的 UI,然后将干净的 HTML/CSS 移交给开发者。
- Marketing Assets – 为营销活动快速生成幻灯片、产品着陆页或单页 PDF,无需额外聘请设计师。
- Learning Tool – 新手开发者可观察 AI 如何将自然语言转化为真实代码,提升对 design‑to‑code 模式的理解。
- Internal Tooling – 企业可在内部机器上部署本应用,确保专有设计数据不离开公司网络。
Community & Contribution
Open CoDesign 依赖社区反馈成长。欢迎加入 GitHub Discussions、微信群 或 Linux DO 论坛,分享作品、提出需求或报告 bug。欢迎贡献代码——提交 PR 前请运行 pnpm lint && pnpm test,并遵循 CONTRIBUTING.md 中的指南。
Roadmap Highlights
- v0.5 – 为 macOS 与 Windows 添加代码签名,并提供可选的自动更新功能。
- v1.0 – 实现类似 Figma 的图层导出及更深度的设计系统集成。
- Future – 并行设计探索、版本快照以及成本透明预算等功能。
Conclusion
Open CoDesign 提供了一套 本地优先、多模型、开源 的 AI 设计方案,摆脱了对云端服务的订阅锁定。通过将数据保留在设备本地、兼容您信任的任意 LLM,并配备注释模式、AI 调参滑块等强大编辑工具,它让开发者和设计师能够在不受限制的环境下快速产出高质量 UI 成果。立即下载 Open CoDesign,导入已有的 Claude Code 配置,体验在自己笔记本上进行 AI 原生设计的极速感受。
准备好用 AI 开始设计了吗? 立即下载 Open CoDesign,几秒钟内将提示转化为可投产的原型。