Open Design - 把Codex与Claude Code接入本地设计工作台

产品定位

Open Design是一座架在Coding Agent与视觉设计之间的工作台。它不要求用户把设计交给某个封闭模型，而是连接已经在使用的Codex、Claude Code、Cursor等Agent，让Agent读取设计系统、调用Skills并在本地项目中生成真实产物。

核心功能

• 多Agent接入：兼容十多种主流Coding Agent与CLI，用户可以继续使用熟悉的模型和订阅。
• 多种设计产物：从一句需求生成网页、产品原型、演示文稿、营销图片、数据看板及HTML视频。
• 设计系统与Skills：通过可复用的设计规则、视觉方向、模板和技能减少每次从零解释。
• 本地优先：项目和工作流主要保留在本地，适合需要控制代码、素材与密钥的团队。
• 可视化迭代：在画布上比较版本、继续追问、修改结构，再把结果交回代码项目。

基本使用流程

1. 安装Open Design并确认本机已有可用的Coding Agent。
2. 连接Agent或导入自己的模型配置，选择项目目录。
3. 选定设计系统、视觉方向或模板，写清受众、内容和交付尺寸。
4. 让Agent先生成信息架构和草案，再在画布中比较、批注与迭代。
5. 导出或同步最终网页、原型、Deck及其他文件，并在真实环境中检查。

适合场景

适合快速制作产品概念、落地页、运营视觉、内部看板和演示稿，也适合开发者在实现页面前先生成多个可比较的设计方向。它的优势是把设计上下文带进Agent，而不是只生成一张不可编辑的效果图。

费用与部署

项目以开源、本地优先和自带模型配置为主要路线。模型调用、第三方API和企业部署产生的费用需分别计算，版本、许可与支持范围以项目最新说明为准。

使用提醒

AI生成界面仍需人工检查品牌一致性、可访问性、响应式布局、真实数据和版权。连接本地目录与Agent前，应限定项目范围，不要把无关密钥、客户素材和生产配置一起暴露给工作流。