community · curated · unofficial

Codex Design

Codex Design is the community-curated hub for designing with OpenAI Codex — tutorials, tweets, videos and templates, all in one place.

Browsers Are Dead. Codex Just Replaced Them.
16:15
Video

Browsers Are Dead. Codex Just Replaced Them.

R
Riley Brown ·31.5K views ·
M
@mattshumer_
Tweet

A post by @mattshumer_ on designing with OpenAI Codex. Read the original on X.

1.6K
Read on X →
A
@aryaman2020
Tweet

A post by @aryaman2020 on designing with OpenAI Codex. Read the original on X.

1.2K
Read on X →
@reach_vb
Tweet
R
@reach_vb

A post by @reach_vb on designing with OpenAI Codex. Read the original on X.

1.2K
Read on X →
N
@nutlope
Tweet

A post by @nutlope on designing with OpenAI Codex. Read the original on X.

4.6K
Read on X →
Codex: Build Your Full AI Marketing Team (Agents + Skills)
49:34
Video

Codex: Build Your Full AI Marketing Team (Agents + Skills)

R
Riley Brown ·46.9K views ·
New Codex Design Workflow Makes Codex Better Than Most Designers
9:11
Video

New Codex Design Workflow Makes Codex Better Than Most Designers

L
Lukas Margerie ·17.0K views ·
I Used Codex /goal to Build a Fully Working App, and the Result Was Insane...
8:08
Video

I Used Codex /goal to Build a Fully Working App, and the Result Was Insane...

Z
Zach Sells AI ·16.4K views ·
How I Vibe Coded a $900K App in 13 Minutes (Claude Design + Codex)
25:57
Video

How I Vibe Coded a $900K App in 13 Minutes (Claude Design + Codex)

J
Jason Lee ·74.8K views ·
Tutorial

GPT Image 2 inside Codex — a frontend workflow

An experience report on building UI with GPT Image 2 inside the Codex App: natural-language components, repo-aware brand reuse, and DOM-level commenting.

DEV.to
OpenAI Codex Explained for Normal People (“Claude Cowork Killer”)
14:28
Video

OpenAI Codex Explained for Normal People (“Claude Cowork Killer”)

P
Paul J Lipsky ·145.7K views ·
Designing With AI: Claude, Codex, Figma | Full Guide
87:43
Video

Designing With AI: Claude, Codex, Figma | Full Guide

U
UI Collective ·61.9K views ·
Tutorial

Hallmark — a design skill to fight AI-generated UI slop

A community Codex skill that installs in one command and aims to keep AI-generated UI consistent with your design taste.

DEV.to
OpenAI Codex Full Course 4 Hours: Build & Ship
242:18
Video

OpenAI Codex Full Course 4 Hours: Build & Ship

A
Aniket Panjwani ·34.5K views ·
How I Build Apps with Codex and GPT-5.5
20:26
Video

How I Build Apps with Codex and GPT-5.5

P
Paul Solt ·15.3K views ·
I Spent 200 Hours on Codex. Here's What I Found
12:28
Video

I Spent 200 Hours on Codex. Here's What I Found

V
Vaibhav Sisinty ·128.5K views ·
build an app with codex in 25 mins (real workflow)
25:25
Video

build an app with codex in 25 mins (real workflow)

V
Vicky Zhao ·7.5K views ·
D
@DeRonin_
Tweet

A post by @DeRonin_ on designing with OpenAI Codex. Read the original on X.

2.5K
Read on X →
L
@LeonidasNFT
Tweet

A post by @LeonidasNFT on designing with OpenAI Codex. Read the original on X.

1.3K
Read on X →
G
@givros
Tweet

A post by @givros on designing with OpenAI Codex. Read the original on X.

1.5K
Read on X →
Codex Built a Game and Then Played It With Me
1:28
Video

Codex Built a Game and Then Played It With Me

T
Tech With Tim ·27.9K views ·
L
@LexnLin
Tweet

A post by @LexnLin on designing with OpenAI Codex. Read the original on X.

1.2K
Read on X →
Codex for Beginners Tutorial (2026): Build Your First App in Minutes
32:01
Video

Codex for Beginners Tutorial (2026): Build Your First App in Minutes

J
James NoCode ·12.5K views ·
Tutorial

Figma design-to-code: comparing MCP, Codex, and Kombai

A hands-on benchmark of three design-to-code approaches using the same Figma template across Figma MCP, Codex, and Kombai.

DEV.to
R
@rileybrown
Tweet

A post by @rileybrown on designing with OpenAI Codex. Read the original on X.

3.5K
Read on X →
L
@LexnLin
Tweet

A post by @LexnLin on designing with OpenAI Codex. Read the original on X.

1.8K
Read on X →
Codex for (almost) everything
1:40
Video
✦ Official

Codex for (almost) everything

O
OpenAI ·108.4K views ·
Tutorial

Turn Figma into React code using Codex

A practical step-by-step on using Codex to generate scalable React components from Figma, with refactor and accessibility checkpoints.

DEV.to
Tutorial

Codex Desktop — skills, plugins, automations

A complete tour of Codex Desktop's extension surfaces, including a section on integrating design tools like Paper into the workflow.

DEV.to
Tutorial
✦ Official

Designing delightful frontends with GPT-5.4

OpenAI's frontend art-direction guide: one-composition heroes, brand-first hierarchy, expressive typography, and dashboard restraint.

OpenAI Developers
@uxmariam
Tweet
U
@uxmariam

A post by @uxmariam on designing with OpenAI Codex. Read the original on X.

952
Read on X →
Tutorial
✦ Official

Build responsive frontends with Codex

OpenAI's official walkthrough on turning screenshots, briefs, and reference assets into responsive UI with Codex, including Playwright-driven visual iteration.

OpenAI Developers
@theShaneLevine
Tweet
T
@theShaneLevine

A post by @theShaneLevine on designing with OpenAI Codex. Read the original on X.

1.8K
Read on X →
This ChatGPT + Codex Workflow Changed How I Design Websites
9:37
Video

This ChatGPT + Codex Workflow Changed How I Design Websites

W
WPDev ·35.2K views ·
O
@OpenAIDevs
Tweet

A post by @OpenAIDevs on designing with OpenAI Codex. Read the original on X.

5.3K
Read on X →
Tutorial

Building frontend UIs with Codex and Figma

Figma's blog on the MCP server beta — how to round-trip design context between Figma and Codex code generation.

Figma Blog
Tutorial
✦ Official

Save workflows as reusable Codex skills

OpenAI's tutorial on capturing repeatable design and engineering workflows with the skill-creator pattern.

OpenAI Developers
Codex + ChatGPT = Insane $50,000 Portfolio Websites
10:15
Video

Codex + ChatGPT = Insane $50,000 Portfolio Websites

W
WPDev ·12.8K views ·
Tutorial
✦ Official

frontend-skill — OpenAI's curated design rules

The official frontend skill repository with hard rules for hero composition, dashboard restraint, and brand-first hierarchy.

openai/skills on GitHub
Tutorial

Designing with Codex CLI — a designer's perspective

A designer-focused walkthrough on chaining Codex CLI, Figma MCP, and Code Connect to turn wireframes into production-ready UI.

UX Collective on Medium
Tutorial
✦ Official

Codex Agent Skills — official overview

OpenAI's reference on what Codex skills are, how SKILL.md is structured, and how to organize implicit and explicit skill invocation.

OpenAI Developers
C
@cjzafir
Tweet

A post by @cjzafir on designing with OpenAI Codex. Read the original on X.

2.4K
Read on X →
K
@KingBootoshi
Tweet

A post by @KingBootoshi on designing with OpenAI Codex. Read the original on X.

1.0K
Read on X →
Code to Canvas: Codex | Figma
8:06
Video

Code to Canvas: Codex | Figma

F
Figma ·10.8K views ·
How to Build Any Web App Using ChatGPT Codex (in 10 Minutes)
7:31
Video

How to Build Any Web App Using ChatGPT Codex (in 10 Minutes)

R
Rajeevdaz ·10.1K views ·
OpenAI Codex + Figma MCP Setup for Designers
16:50
Video

OpenAI Codex + Figma MCP Setup for Designers

N
Nehmat Gereige | AI-Design Professor ·19.2K views ·
O
@OpenAIDevs
Tweet

A post by @OpenAIDevs on designing with OpenAI Codex. Read the original on X.

1.9K
Read on X →
T
@tobiaslins
Tweet

A post by @tobiaslins on designing with OpenAI Codex. Read the original on X.

1.5K
Read on X →
Codex Skills Every Design Engineer Needs
13:37
Video

Codex Skills Every Design Engineer Needs

L
Lukas Margerie ·13.0K views ·
OpenClaw + Codex is the biggest workflow shift I’ve made as a designer.
41:55
Video

OpenClaw + Codex is the biggest workflow shift I’ve made as a designer.

D
DesignCode ·44.0K views ·
@shiri_shh
Tweet
S
@shiri_shh

A post by @shiri_shh on designing with OpenAI Codex. Read the original on X.

2.4K
Read on X →
Master OpenAI Codex in 26 minutes
26:45
Video

Master OpenAI Codex in 26 minutes

K
Keith AI ·71.8K views ·
How designers prototype using the Codex app and Figma
1:56
Video
✦ Official

How designers prototype using the Codex app and Figma

O
OpenAI ·53.0K views ·
Introducing the Codex app
4:22
Video
✦ Official

Introducing the Codex app

O
OpenAI ·427.1K views ·
K
@kuberdenis
Tweet

A post by @kuberdenis on designing with OpenAI Codex. Read the original on X.

1.9K
Read on X →
C
@chongdashu
Tweet

A post by @chongdashu on designing with OpenAI Codex. Read the original on X.

1.6K
Read on X →
Codex Builds Full Landing Page (Agent Skills Demo)
4:56
Video

Codex Builds Full Landing Page (Agent Skills Demo)

B
Build at Scale ·15.2K views ·
Figma Live: Figma MCP x OpenAI Codex
49:30
Video

Figma Live: Figma MCP x OpenAI Codex

F
Figma ·15.7K views ·
How to Build a Web App with Codex (OpenAI)
19:26
Video

How to Build a Web App with Codex (OpenAI)

D
Davidson Programming Academy ·10.6K views ·
Build beautiful frontends with OpenAI Codex
8:29
Video
✦ Official

Build beautiful frontends with OpenAI Codex

O
OpenAI ·408.8K views ·
GPT-5 Codex is the best way to build apps with AI ever (5 tricks you need to know)
16:39
Video

GPT-5 Codex is the best way to build apps with AI ever (5 tricks you need to know)

A
Alex Finn ·25.1K views ·
Build Anything with Codex, Here’s How
30:58
Video

Build Anything with Codex, Here’s How

D
David Ondrej ·34.6K views ·
Open Design

Sister project from nexu.io

Open Design — the official, local-first alternative to Claude Design

Your existing coding agent — Claude Code · Codex · Cursor · Gemini · OpenCode · Qwen — becomes the design engine, driven by 137 composable skills and 150 portable DESIGN.md systems.

Open Design — design with the agent on your laptop