社区 · 精选 · 非官方
Codex Design
Codex Design 是用 OpenAI Codex 做设计的社区精选中心——教程、推文、视频与模板，尽在一处。
GitHub 
Discord 
@nexudotio 
浏览器已死。Codex 取而代之。
@mattshumer_ 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
@aryaman2020 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
@reach_vb 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
@nutlope 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
Codex: 构建完整的AI营销团队（Agents + Skills）
新的 Codex 设计工作流让 Codex 超越大多数设计师
我用 Codex /goal 构建了一个完全可用的应用，结果疯狂到不敢相信...
我如何用Vibe编码在13分钟内创建了价值90万美元的应用(Claude Design + Codex)
Codex 中的 GPT Image 2 — 前端工作流
在 Codex 应用中使用 GPT Image 2 构建 UI 的实践报告：自然语言组件、仓库感知的品牌复用和 DOM 级注释。
OpenAI Codex 面向普通人的解读（"Claude Cowork 杀手"）
使用 AI 设计：Claude、Codex、Figma | 完整指南
Hallmark — 对抗 AI 生成 UI 劣质内容的设计技能
一个社区 Codex 技能，一键安装，旨在让 AI 生成的 UI 与你的设计风格保持一致。
OpenAI Codex 完整课程 4 小时：构建与发布
我如何用 Codex 和 GPT-5.5 构建应用
我花了200小时使用Codex。以下是我的发现
25分钟内用Codex构建应用（真实工作流）
@DeRonin_ 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
@LeonidasNFT 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
@givros 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
Codex 构建了一个游戏，然后和我一起玩了
@LexnLin 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
Codex 初学者教程 (2026)：在几分钟内构建您的第一个应用
Figma 设计转代码对比：MCP、Codex 和 Kombai
使用相同 Figma 模板在 Figma MCP、Codex 和 Kombai 上进行三种设计转代码方案的实际基准测试。
@rileybrown 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
@LexnLin 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
几乎适用于所有场景的 Codex
使用 Codex 将 Figma 转换为 React 代码
关于如何使用 Codex 从 Figma 生成可扩展 React 组件的实战指南，包含重构和无障碍访问检查点。
Codex Desktop — 技能、插件、自动化
Codex Desktop 扩展界面的完整指南，包括将 Paper 等设计工具集成到工作流程中的方法。
使用 GPT-5.4 设计令人愉悦的前端界面
OpenAI 前端艺术指导指南：单一构图英雄元素、品牌优先层级、富有表现力的排版和仪表板克制设计。
@uxmariam 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
使用 Codex 构建响应式前端
OpenAI 官方指南：将截图、设计稿和参考资源转化为响应式 UI，结合 Playwright 驱动的视觉迭代流程。
@theShaneLevine 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
ChatGPT + Codex 工作流改变了我的网站设计方式
@OpenAIDevs 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
使用 Codex 和 Figma 构建前端 UI
Figma 博客关于 MCP 服务器测试版 — 如何在 Figma 和 Codex 代码生成之间往返设计上下文。
将工作流保存为可复用的 Codex 技能
OpenAI 关于使用技能创建者模式捕获可重复设计和工程工作流的教程。
Codex + ChatGPT = 惊人的 $50,000 作品集网站
frontend-skill — OpenAI 精选设计规范
官方前端技能库，包含英雄组件构成、仪表板克制原则和品牌优先级体系的硬性规则。
使用 Codex CLI 进行设计——设计师视角
面向设计师的实战指南，展示如何链接 Codex CLI、Figma MCP 和 Code Connect，将线框图转化为生产就绪的 UI。
Codex 代理技能 — 官方概览
OpenAI 关于 Codex 技能的参考指南，涵盖 SKILL.md 结构、隐式和显式技能调用的组织方式。
@cjzafir 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
@KingBootoshi 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
代码到画布: Codex | Figma
使用 ChatGPT Codex 构建任何Web应用（仅需10分钟）
OpenAI Codex + Figma MCP 设计师完整配置指南
@OpenAIDevs 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
@tobiaslins 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
设计工程师必需的 Codex 技能
OpenClaw + Codex 是我作为设计师做过的最大工作流转变
@shiri_shh 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
26分钟掌握 OpenAI Codex
设计师如何使用 Codex 应用和 Figma 制作原型
Codex 应用介绍
@kuberdenis 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
@chongdashu 关于用 OpenAI Codex 做设计的一篇帖子。在 X 上阅读原文。
Codex 完整构建落地页（Agent Skills 演示）
Figma Live: Figma MCP x OpenAI Codex
如何使用 Codex (OpenAI) 构建 Web 应用
使用 OpenAI Codex 构建精美前端
GPT-5 Codex 是构建 AI 应用的最佳方式（5 个必知技巧）
用 Codex 构建任何应用，完全指南
来自 nexu.io 的姊妹项目
Open Design —— 官方的、本地优先的 Claude Design 替代方案
让你现有的编码 agent —— Claude Code · Codex · Cursor · Gemini · OpenCode · Qwen —— 化身设计引擎，由 137 个可组合 skill 和 150 套可移植的 DESIGN.md 系统驱动。
Discord 