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

  • macOSbrew 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 代理将会:

  1. 根据选定的 design skill modules 规划布局。
  2. 编写 HTML/JSX、CSS 以及可选资源文件。
  3. agent panel 中实时展示进度。
  4. 按您选择的格式导出结果。

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

  1. Rapid Prototyping – 设计师可在数分钟内生成可交互的 UI,然后将干净的 HTML/CSS 移交给开发者。
  2. Marketing Assets – 为营销活动快速生成幻灯片、产品着陆页或单页 PDF,无需额外聘请设计师。
  3. Learning Tool – 新手开发者可观察 AI 如何将自然语言转化为真实代码,提升对 design‑to‑code 模式的理解。
  4. 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,几秒钟内将提示转化为可投产的原型。

原始文章: 查看原文

分享这篇文章