### [Open Design – 把Codex与Claude Code接入本地设计工作台](https://www.zuoshipin.com/)

**Published:** 2026-09-07T15:38:56

**Author:** 天才交易员

**Excerpt:** Open Design是一款开源、本地优先的AI设计工作台，可连接Codex、Claude Code、Curs…

## 产品定位

**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前，应限定项目范围，不要把无关密钥、客户素材和生产配置一起暴露给工作流。



---