Open Design

把 Codex 变成设计执行引擎,在本地生成并导出网页、原型、幻灯片、图片和视频。

关于 Open Design

Open Design 是一个本地优先的桌面设计工作台,可以把 Codex、Claude Code、Cursor 等编码 Agent 连接成设计执行引擎。它把 Skill、设计系统、模板和插件放在同一套工作流里,让 Agent 先理解需求和视觉方向,再生成真正可继续使用的设计文件。

它可以制作网页、桌面端和移动端原型、实时看板、幻灯片、图片与视频,并支持预览以及 HTML、PDF、PPTX、MP4 等格式导出。它本身不是一个封闭的模型服务,实际生成能力来自你连接的编码 Agent 或兼容模型。

安装 Open Design

od mcp install codex

需先安装 Open Design 桌面端或 CLI;桌面端用户也可以在 Settings 中复制 MCP server 配置。

功能与用途

  • 通过 MCP 把 Codex 等编码 Agent 接入桌面设计工作台,直接在熟悉的 Agent 对话里发起设计任务。
  • 使用现成 Skill、模板、色板和 DESIGN.md 设计系统控制页面风格,减少每次从零搭视觉规范。
  • 生成网页、移动端原型、看板、幻灯片、图片和视频等多种设计产物。
  • 在沙盒预览中查看和继续迭代真实 HTML、CSS 与组件,而不是只得到一张静态效果图。
  • 将成果导出为 HTML、PDF、PPTX 或 MP4,方便交付、演示或继续开发。

Ryan 是怎么使用的

我安装了 Open Design 桌面端,再通过 MCP 接入 Codex。平时我直接在 Codex 里描述需求,由 Codex 调用 Open Design 完成设计。

里面有很多现成模板、色卡和设计风格可以选择,不用每次从零确定视觉方向,使用方便,最终设计效果也比较好。

官方来源