AI配图三阶段工作流：Claude Design→Codex→直出图

Source: (unknown)

Summary

作者复盘了用 AI 批量生成配图的三个演进阶段：先用 Anthropic 新产品 Cloud Design（挖来 Figma 副总裁）反推设计规范并生成 HTML，再因其周限额过低改为让 Cloud Design 出规范、Codex 执行，最终跳过 HTML 中间层直接让 Codex 调 image2 生成图片，5-6 分钟出一套，token 消耗更少效果更好。关键洞察是必须让 Codex 先输出完整设计规范再生图，否则风格会跑偏——这一步最容易被非设计师省略，却是整套工作流最核心的控制点。

Key Points

• Cloud Design（Anthropic 新产品）可从截图反推颜色、字号、排版、留白等完整设计规范
• Cloud Design 周限额极低，跑 1 小时需冷却一周，促使作者切换为 Codex 执行层
• 第二阶段：Cloud Design 出设计规范 → Codex 生 HTML → 截图发布，代码能力互补且成本低
• 第三阶段：跳过 HTML，直接让 Codex 调 image2 生图，速度更快、中文能力更强、token 更省
• 铁律：必须先让 Codex 输出完整规范（颜色/字号/卡片样式/各种状态），再生图，不能直接扔参考图
• 非设计师最容易省略规范步骤，但这才是防止风格跑偏的核心控制点

Transcript

transcript