什么是OpenDesign？
OpenDesign 是一款协作式设计代理工作区，允许用户通过本地编码代理或 OpenDesign Cloud 将提示转化为 HTML 原型。它支持 macOS 和 Windows 桌面端运行，若使用本地代理或自带 API 密钥（BYOK）则无需注册账户，但云端托管模型需付费方案且不支持 Linux 原生安装。
OpenDesign的核心功能有哪些？
- 设计系统集成提供 150+ 开源设计系统，或从网站、GitHub 仓库及 Figma 文件创建自定义系统，统一控制颜色、字体和组件样式。
- 多代理兼容支持连接 Claude Code、Codex、Cursor 等 20+ 种本地编码代理，或通过 BYOK 模式直接调用自有 API 密钥的模型。
- 实时编辑与反馈生成后可直接移动元素、调整文本和间距而无需重新生成；团队成员可在共享链接上点击屏幕并留下评论，进而触发代理修订。
- 多样化导出格式支持导出独立 HTML、PDF、PNG 文件，演示文稿可额外导出为可编辑的 PowerPoint 格式，但不支持导出至 Figma。
- 技能扩展机制内置社区 Skills 库，涵盖研究、内容、设计和交付功能，用户可定制或添加自定义技能以增强代理能力。
OpenDesign的使用案例有哪些？
- 快速原型迭代设计师描述界面需求后，代理生成 HTML 原型，团队通过评论反馈驱动代理自动修改代码，缩短从创意到可视化的周期。
- 品牌一致性维护利用自定义设计系统将特定品牌的色彩和排版规则应用于所有生成的网页、应用 UI 和幻灯片，确保输出符合规范。
- 无代码初步构建非技术人员通过选择预设设计系统和输入自然语言描述，生成可预览的着陆页或仪表盘基础结构，随后交由工程师进行生产环境开发。
如何使用OpenDesign？
- 启动方式选择在 Home 页面选择使用已安装的本地编码代理（如 Claude Code），或配置自有 API 密钥（BYOK），或直接登录 OpenDesign Cloud。
- 设定设计系统从库中选择一个开源设计系统，或导入现有资源创建新的系统以定义视觉风格。
- 生成原型输入对屏幕或界面的文字描述，代理将根据选定系统生成包含 HTML/CSS 的工作原型并在预览窗口显示。
- 协作与修订发布原型为分享链接邀请团队成员评论，收集反馈后让代理根据评论指令修改项目文件。
- 导出交付完成调整后，将项目导出为 HTML、PDF 或 PNG 文件，或将项目文件夹移交给工程团队进行后续开发。
OpenDesign定价信息：
- Free (桌面版)免费开源软件，适用于 macOS 和 Windows。使用本地编码代理或自带 API 密钥时不产生 OpenDesign 费用，但需自行承担代理或模型提供商的费用。
- Plus/Pro/Max付费个人方案，提供 OpenDesign Cloud 托管模型服务，包含每月模型积分额度，以及发布和分享链接功能。
- Team按席位计费的团队方案，提供共享工作区、集中管理的设计系统与插件，以及成员角色权限控制。
