커뮤니티 · 큐레이션 · 비공식

Codex Design

Codex Design은 OpenAI Codex로 디자인하기 위한 커뮤니티 큐레이션 허브입니다 — 튜토리얼, 트윗, 영상, 템플릿을 한곳에 모았습니다.

브라우저는 죽었다. Codex가 대체했다.
16:15
Video

브라우저는 죽었다. Codex가 대체했다.

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

OpenAI Codex로 디자인하기에 관한 @mattshumer_의 게시물입니다. 원문은 X에서 읽으세요.

1.6K
Read on X
A
@aryaman2020
Tweet

OpenAI Codex로 디자인하기에 관한 @aryaman2020의 게시물입니다. 원문은 X에서 읽으세요.

1.2K
Read on X
@reach_vb
Tweet
R
@reach_vb

OpenAI Codex로 디자인하기에 관한 @reach_vb의 게시물입니다. 원문은 X에서 읽으세요.

1.2K
Read on X
N
@nutlope
Tweet

OpenAI Codex로 디자인하기에 관한 @nutlope의 게시물입니다. 원문은 X에서 읽으세요.

4.6K
Read on X
Codex: 완전한 AI 마케팅 팀 구축 (에이전트 + 스킬)
49:34
Video

Codex: 완전한 AI 마케팅 팀 구축 (에이전트 + 스킬)

R
Riley Brown ·46.9K views ·
새로운 Codex 디자인 워크플로우로 대부분의 디자이너보다 나은 Codex 만들기
9:11
Video

새로운 Codex 디자인 워크플로우로 대부분의 디자이너보다 나은 Codex 만들기

L
Lukas Margerie ·17.0K views ·
Codex /goal를 사용해 완전히 작동하는 앱을 만들었고, 결과는 미쳤다...
8:08
Video

Codex /goal를 사용해 완전히 작동하는 앱을 만들었고, 결과는 미쳤다...

Z
Zach Sells AI ·16.4K views ·
Claude Design + Codex로 $900K 앱을 13분 만에 Vibe Coding한 방법
25:57
Video

Claude Design + Codex로 $900K 앱을 13분 만에 Vibe Coding한 방법

J
Jason Lee ·74.8K views ·
Tutorial

Codex 내 GPT Image 2 — 프론트엔드 워크플로우

Codex 앱 내에서 GPT Image 2로 UI를 구축한 경험 보고서: 자연어 컴포넌트, 레포 인식형 브랜드 재사용, DOM 레벨 주석 처리

DEV.to
일반인을 위한 OpenAI Codex 설명 ("Claude Cowork 킬러")
14:28
Video

일반인을 위한 OpenAI Codex 설명 ("Claude Cowork 킬러")

P
Paul J Lipsky ·145.7K views ·
AI로 디자인하기: Claude, Codex, Figma | 완벽 가이드
87:43
Video

AI로 디자인하기: Claude, Codex, Figma | 완벽 가이드

U
UI Collective ·61.9K views ·
Tutorial

Hallmark — AI 생성 UI 품질 관리를 위한 디자인 스킬

한 명령으로 설치되는 커뮤니티 Codex 스킬로, AI 생성 UI를 당신의 디자인 취향과 일관되게 유지합니다.

DEV.to
OpenAI Codex 완전 강좌 4시간: 빌드 & 배포
242:18
Video

OpenAI Codex 완전 강좌 4시간: 빌드 & 배포

A
Aniket Panjwani ·34.5K views ·
Codex와 GPT-5.5로 앱 빌드하는 방법
20:26
Video

Codex와 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 ·
Codex로 25분 안에 앱 만들기 (실제 워크플로우)
25:25
Video

Codex로 25분 안에 앱 만들기 (실제 워크플로우)

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

OpenAI Codex로 디자인하기에 관한 @DeRonin_의 게시물입니다. 원문은 X에서 읽으세요.

2.5K
Read on X
L
@LeonidasNFT
Tweet

OpenAI Codex로 디자인하기에 관한 @LeonidasNFT의 게시물입니다. 원문은 X에서 읽으세요.

1.3K
Read on X
G
@givros
Tweet

OpenAI Codex로 디자인하기에 관한 @givros의 게시물입니다. 원문은 X에서 읽으세요.

1.5K
Read on X
Codex가 게임을 만들고 나와 함께 플레이했습니다
1:28
Video

Codex가 게임을 만들고 나와 함께 플레이했습니다

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

OpenAI Codex로 디자인하기에 관한 @LexnLin의 게시물입니다. 원문은 X에서 읽으세요.

1.2K
Read on X
초보자를 위한 Codex 튜토리얼 (2026): 몇 분 안에 첫 앱 만들기
32:01
Video

초보자를 위한 Codex 튜토리얼 (2026): 몇 분 안에 첫 앱 만들기

J
James NoCode ·12.5K views ·
Tutorial

Figma 디자인-투-코드: MCP, Codex, Kombai 비교

Figma MCP, Codex, Kombai를 통해 동일한 Figma 템플릿으로 세 가지 디자인-투-코드 방식을 실제 벤치마킹한 결과.

DEV.to
R
@rileybrown
Tweet

OpenAI Codex로 디자인하기에 관한 @rileybrown의 게시물입니다. 원문은 X에서 읽으세요.

3.5K
Read on X
L
@LexnLin
Tweet

OpenAI Codex로 디자인하기에 관한 @LexnLin의 게시물입니다. 원문은 X에서 읽으세요.

1.8K
Read on X
거의 모든 것을 위한 Codex
1:40
Video
Official

거의 모든 것을 위한 Codex

O
OpenAI ·108.4K views ·
Tutorial

Codex를 사용하여 Figma를 React 코드로 변환하기

Figma에서 확장 가능한 React 컴포넌트를 생성하기 위해 Codex를 사용하는 실전 단계별 가이드(리팩토링 및 접근성 검사 포함)

DEV.to
Tutorial

Codex Desktop — 스킬, 플러그인, 자동화

Codex Desktop의 확장 인터페이스 전체 가이드. Paper 같은 디자인 도구를 워크플로우에 통합하는 방법을 포함합니다.

DEV.to
Tutorial
Official

GPT-5.4로 즐거운 프론트엔드 디자인하기

OpenAI의 프론트엔드 아트 디렉션 가이드: 단일 구성 히어로, 브랜드 우선 계층 구조, 표현력 있는 타이포그래피, 그리고 대시보드 절제.

OpenAI Developers
@uxmariam
Tweet
U
@uxmariam

OpenAI Codex로 디자인하기에 관한 @uxmariam의 게시물입니다. 원문은 X에서 읽으세요.

952
Read on X
Tutorial
Official

Codex로 반응형 프론트엔드 구축하기

스크린샷, 브리프, 참고 자산을 Codex로 반응형 UI로 변환하는 OpenAI의 공식 가이드 (Playwright 기반 시각적 반복 포함)

OpenAI Developers
@theShaneLevine
Tweet
T
@theShaneLevine

OpenAI Codex로 디자인하기에 관한 @theShaneLevine의 게시물입니다. 원문은 X에서 읽으세요.

1.8K
Read on X
이 ChatGPT + Codex 워크플로우가 웹사이트 디자인 방식을 바꿨습니다
9:37
Video

이 ChatGPT + Codex 워크플로우가 웹사이트 디자인 방식을 바꿨습니다

W
WPDev ·35.2K views ·
O
@OpenAIDevs
Tweet

OpenAI Codex로 디자인하기에 관한 @OpenAIDevs의 게시물입니다. 원문은 X에서 읽으세요.

5.3K
Read on X
Tutorial

Codex와 Figma로 프론트엔드 UI 구축하기

Figma의 MCP 서버 베타에 관한 블로그 — Figma와 Codex 코드 생성 간 디자인 컨텍스트를 양방향으로 연동하는 방법.

Figma Blog
Tutorial
Official

워크플로우를 재사용 가능한 Codex 스킬로 저장

반복 가능한 디자인 및 엔지니어링 워크플로우를 스킬-크리에이터 패턴으로 캡처하는 방법에 대한 OpenAI의 튜토리얼입니다.

OpenAI Developers
Codex + ChatGPT = 미친 $50,000 포트폴리오 웹사이트
10:15
Video

Codex + ChatGPT = 미친 $50,000 포트폴리오 웹사이트

W
WPDev ·12.8K views ·
Tutorial
Official

frontend-skill — OpenAI의 큐레이션 디자인 규칙

히어로 구성, 대시보드 절제, 브랜드 우선 계층 구조에 대한 엄격한 규칙을 담은 공식 프론트엔드 스킬 저장소입니다.

openai/skills on GitHub
Tutorial

Codex CLI로 디자인하기 — 디자이너의 관점

Codex CLI, Figma MCP, Code Connect을 연계하여 와이어프레임을 프로덕션급 UI로 전환하는 디자이너 중심의 튜토리얼입니다.

UX Collective on Medium
Tutorial
Official

Codex Agent Skills — 공식 개요

Codex 스킬이 무엇인지, SKILL.md 구조, 암시적 및 명시적 스킬 호출 조직화 방법에 관한 OpenAI의 참고자료.

OpenAI Developers
C
@cjzafir
Tweet

OpenAI Codex로 디자인하기에 관한 @cjzafir의 게시물입니다. 원문은 X에서 읽으세요.

2.4K
Read on X
K
@KingBootoshi
Tweet

OpenAI Codex로 디자인하기에 관한 @KingBootoshi의 게시물입니다. 원문은 X에서 읽으세요.

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

Code to Canvas: Codex | Figma

F
Figma ·10.8K views ·
ChatGPT Codex로 모든 웹 앱 만드는 법 (10분 만에)
7:31
Video

ChatGPT Codex로 모든 웹 앱 만드는 법 (10분 만에)

R
Rajeevdaz ·10.1K views ·
OpenAI Codex + Figma MCP 디자이너를 위한 설정 가이드
16:50
Video

OpenAI Codex + Figma MCP 디자이너를 위한 설정 가이드

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

OpenAI Codex로 디자인하기에 관한 @OpenAIDevs의 게시물입니다. 원문은 X에서 읽으세요.

1.9K
Read on X
T
@tobiaslins
Tweet

OpenAI Codex로 디자인하기에 관한 @tobiaslins의 게시물입니다. 원문은 X에서 읽으세요.

1.5K
Read on X
디자인 엔지니어가 알아야 할 Codex 스킬
13:37
Video

디자인 엔지니어가 알아야 할 Codex 스킬

L
Lukas Margerie ·13.0K views ·
OpenClaw + Codex는 내가 경험한 가장 큰 디자인 워크플로우 전환입니다.
41:55
Video

OpenClaw + Codex는 내가 경험한 가장 큰 디자인 워크플로우 전환입니다.

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

OpenAI Codex로 디자인하기에 관한 @shiri_shh의 게시물입니다. 원문은 X에서 읽으세요.

2.4K
Read on X
26분 만에 OpenAI Codex 마스터하기
26:45
Video

26분 만에 OpenAI Codex 마스터하기

K
Keith AI ·71.8K views ·
디자이너가 Codex 앱과 Figma로 프로토타입을 만드는 방법
1:56
Video
Official

디자이너가 Codex 앱과 Figma로 프로토타입을 만드는 방법

O
OpenAI ·53.0K views ·
Codex 앱 소개
4:22
Video
Official

Codex 앱 소개

O
OpenAI ·427.1K views ·
K
@kuberdenis
Tweet

OpenAI Codex로 디자인하기에 관한 @kuberdenis의 게시물입니다. 원문은 X에서 읽으세요.

1.9K
Read on X
C
@chongdashu
Tweet

OpenAI Codex로 디자인하기에 관한 @chongdashu의 게시물입니다. 원문은 X에서 읽으세요.

1.6K
Read on X
Codex가 전체 랜딩 페이지 구축 (Agent Skills 데모)
4:56
Video

Codex가 전체 랜딩 페이지 구축 (Agent Skills 데모)

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 ·
Codex(OpenAI)로 웹 앱 구축하는 방법
19:26
Video

Codex(OpenAI)로 웹 앱 구축하는 방법

D
Davidson Programming Academy ·10.6K views ·
OpenAI Codex로 아름다운 프론트엔드 구축하기
8:29
Video
Official

OpenAI Codex로 아름다운 프론트엔드 구축하기

O
OpenAI ·408.8K views ·
GPT-5 Codex는 AI로 앱을 만드는 최고의 방법입니다 (반드시 알아야 할 5가지 팁)
16:39
Video

GPT-5 Codex는 AI로 앱을 만드는 최고의 방법입니다 (반드시 알아야 할 5가지 팁)

A
Alex Finn ·25.1K views ·
Codex로 무엇이든 만들기, 방법은 이렇습니다
30:58
Video

Codex로 무엇이든 만들기, 방법은 이렇습니다

D
David Ondrej ·34.6K views ·
Open Design

nexu.io의 자매 프로젝트

Open Design — Claude Design의 공식 로컬 우선 대안

이미 사용 중인 코딩 에이전트 — Claude Code · Codex · Cursor · Gemini · OpenCode · Qwen — 가 137개의 조합 가능한 skill과 150개의 이식 가능한 DESIGN.md 시스템으로 구동되는 디자인 엔진이 됩니다.

Open Design — design with the agent on your laptop