夜雨聆风Codex 在 UI 设计工作流程上又取得了重大突破。
Open Design 大家应该不陌生，是开源版本的 Claude Design 替代，15 天拿下 38k 个 star。
就在刚刚，Open Design 官方宣布：支持直接在 Codex 中使用！
也就是说，以后聊天 + 编码 + 设计 + 浏览 + 自动化 + ... 所有步骤都可以在 Codex 一个工作流里完成。
之前 AI 设计最难的地方，不是如何生成一个漂亮的界面，而是设计意图很容在迭代、开发、发布的过程中丢失。
现在，Codex 可以直接看着 canvas 修改设计，直接与画布协作。
下面是演示视频：
已关注
关注
重播 分享 赞
01如何使用
1. 让 Codex 在本地运行 Open Design
Codex 会帮你 clone、安装、启动本地应用，并在内置浏览器里打开它。
2. 描述你的设计
你可以在聊天里直接输入、粘贴产品上下文、上传参考图、或者选择一个设计系统/模板作为起点。
Open Design 会为 Codex 提供一个可以参考和操作的可视画布。
3. 继续对话
继续让 Codex 创建界面、调整布局、编辑选中的组件、生成 variants，或者把设计转成代码/动效。
整个设计过程都可以通过 Codex 中的对话完成。
02最终效果
Open Design 的意义远不止在 Codex 浏览器中运行。
Codex 能与 Open Design 真正交互、操控画布，并在本地工作区内直接处理生成的设计文件。
过去，浏览器只能提供实时预览；而接入 Open Design 后，Codex 能够获取本地文件，从而直接在“源代码”层面检查和修改设计组件，实现原型与底层文件的同步处理。
设计与开发的边界被进一步打破。
Codex 不再只是“看”设计，而是真正“进入”设计，大幅提升从概念到实现的迭代效率。