Codex 能够很好地与现有设计系统配合，结合约束条件和视觉输入生成响应式 UI。这些用例非常适合在构建 Web 应用并需要迭代前端设计时使用。
从想法到原型
使用 Codex 将初步构想转化为视觉方向，并实现首个原型。
基于 Figma 构建
使用 Codex 从 Figma 中提取设计上下文，并将其转换为遵循代码仓库组件、样式和设计系统的代码。
迭代 UI
利用 Codex 根据视觉输入或提示词进行针对性修改，并让其在浏览器中验证其工作。
构建响应式前端设计
使用 Codex 将截图和设计简报转换为与代码仓库……相匹配的代码
前端 设计
进行细粒度 UI 更改
使用 Codex 在现有应用中每次进行一项微小的 UI 调整，并在...中验证
前端 设计
接手范围明确的 Slack 任务
当有功能请求或报告的问题时，在 Slack 中 @Codex，以便其接手任务并在后台进行处理。
部署预览
使用 Codex 构建或更新 Web 应用，通过 Vercel 进行部署，并返回一个可供分享的实时 URL。
更快地交付变更
在 GitHub 中使用 Codex 确保变更可以安全合并，从而实现更快的开发循环。
