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