社群 · 精選 · 非官方
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 行銷團隊（代理 + 技能）
新的 Codex 設計工作流讓 Codex 超越大多數設計師
我用 Codex /goal 建立了一個完整運作的應用程式，結果驚人...
我如何在 13 分鐘內用 Vibe Coding 開發了一個 90 萬美元的應用（Claude Design + Codex）
Codex 內的 GPT Image 2 — 前端工作流程
在 Codex App 內使用 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 上。以下是我的發現
用 Codex 在 25 分鐘內建構應用程式（真實工作流程）
@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 官方指南，展示如何使用 Codex 將截圖、設計稿和參考資源轉換為響應式 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 Agent Skills — 官方概述
OpenAI 關於 Codex 技能的參考文檔，涵蓋 SKILL.md 的結構、隱式和顯式技能調用的組織方式。
@cjzafir 關於用 OpenAI Codex 做設計的一篇貼文。在 X 上閱讀原文。
@KingBootoshi 關於用 OpenAI Codex 做設計的一篇貼文。在 X 上閱讀原文。
Code to Canvas: Codex | Figma
如何使用 ChatGPT Codex 構建任何網頁應用（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) 構建網頁應用
使用 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 