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 不再只是“看”设计,而是真正“进入”设计,大幅提升从概念到实现的迭代效率。
夜雨聆风