把
Codex 变成你的创意设计工作台。
直接在 Codex 里,用可视化画布设计网站、App 界面和 UI 设计稿。
/goal 阅读 https://codexdesign.io/install.md,为 Codex 安装 Codex Design。你的想法,并排呈现。
少一点来回沟通,多看看还有哪些可能。
01 / 工作台从第一句提示词,到最后一个细节。
从一段对话开始,在画布上继续创作。
- 01
安装插件。
把安装提示词复制到 Codex 里。装好后重启 Codex,新开一个对话。
- 02
从一段对话开始。
让 Codex 设计一个界面、一个网站或一个 App,看着最初的想法在画布上成形。
- 03
选中它,改成你想要的样子。
在 HTML 设计稿里选中一个元素,在右侧边栏调整它的字体、颜色、间距等 UI 属性。
- 04
继续对话。
想要更简洁的布局、换个方向,或者再精致一点?在左侧的对话栏里接着打磨设计。
- 05
也可以用图片来探索。
让 Codex 生成 UI 设计图,放到画布上排布、对比,指引下一版设计。
安装很小,创作空间很大。一句话,
一句话,
换一种方式创作。
把这段提示词复制到 Codex 里,剩下的交给你的 agent。
粘贴到 CODEX
/goal 阅读 https://codexdesign.io/install.md,为 Codex 安装 Codex Design。几个常见问题
开始之前。
Codex Design 是一个独立开发的 Codex UI 设计插件。你可以用它做网站和 App 的设计稿,在本地画布上并排对比图片和实时 HTML,再通过可视化修改和对话来打磨设计。
不需要。插件直接用你现有的 Codex,没有单独的插件额度,也不需要 API key。Codex 的使用权限、套餐限制和相应的用量费用照常适用。
图片和实时 HTML 页面。你可以并排探索不同的界面方向、整理作品,并让 Codex 修改 HTML。
画布项目和素材都保存在你自己电脑的本地。这不会改变 Codex 处理你提供给它的上下文的方式。
支持插件的 Codex、Codex CLI,以及 Node.js 22.12 或更高版本。默认安装包面向 macOS 和 Linux,原生 Windows 还没有经过验证。按照 Codex Design 安装指南 开始吧。