Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Codex Design is becoming real. The real breakthrough isn’t one more design tool. It’s keeping the same context from idea to design output to launch asset. We tested it with Codex Plugins, Open Design, and html-video: from vague idea to polished promo video. All inside Codex.

Open Design

9,978 subscribers

93,564 views • 2 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

How to use Open Design inside Codex: Ask Codex to deploy Open Design locally, then tell Codex what you want to build. The real unlock: Codex can operate the design tool for you — choosing workflows, filling briefs, inspecting files, testing interactions, and iterating on the result. Design tools are becoming agent-operated.

How to use Open Design inside Codex: Ask Codex to deploy Open Design locally, then tell Codex what you want to build. The real unlock: Codex can operate the design tool for you — choosing workflows, filling briefs, inspecting files, testing interactions, and iterating on the result. Design tools are becoming agent-operated.

Open Design

132,654 views • 3 months ago

Demo 2: human + agent design loop inside Codex. Not every workflow needs the agent to drive everything. You design in Open Design. Codex reviews the output. It can inspect files, open pages, test interactions, critique the design, and turn feedback into the next prompt. Design becomes a human + agent feedback loop.

Demo 2: human + agent design loop inside Codex. Not every workflow needs the agent to drive everything. You design in Open Design. Codex reviews the output. It can inspect files, open pages, test interactions, critique the design, and turn feedback into the next prompt. Design becomes a human + agent feedback loop.

Open Design

20,103 views • 3 months ago

Open Design now works inside Codex. The hardest part of AI design isn’t generating one screen — it’s keeping design intent alive as you iterate, build, and ship. Now your agent can work with the canvas directly. Design → code → motion, in one workflow. Here’s a quick demo:

Open Design now works inside Codex. The hardest part of AI design isn’t generating one screen — it’s keeping design intent alive as you iterate, build, and ship. Now your agent can work with the canvas directly. Design → code → motion, in one workflow. Here’s a quick demo:

Open Design

470,306 views • 3 months ago

Ok this is a truly insane NEW way to design for me, WITHIN Codex If you are doing dev on a web technology, watch below In that video: - I am playing my game within Codex (yes) - I use a codex-made tool to design buildings (see some tweets below it's really powerful) - I can ask Codex to iterate and the game changes WITHOUT refreshing - I can point at UI elements - I can take a screenshot All WITHIN Codex It makes iterating on design incredible

Ok this is a truly insane NEW way to design for me, WITHIN Codex If you are doing dev on a web technology, watch below In that video: - I am playing my game within Codex (yes) - I use a codex-made tool to design buildings (see some tweets below it's really powerful) - I can ask Codex to iterate and the game changes WITHOUT refreshing - I can point at UI elements - I can take a screenshot All WITHIN Codex It makes iterating on design incredible

Nicolas Zullo

1,328,186 views • 4 months ago

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

James Rochabrun

61,199 views • 2 months ago

Role-specific plugins in Codex are built around the work teams actually do. Plugins for Data Analytics, Creative Production, and Product Design give Codex the tools and context to create reports, creative directions, and prototypes. Built and used by OpenAI teams.

Role-specific plugins in Codex are built around the work teams actually do. Plugins for Data Analytics, Creative Production, and Product Design give Codex the tools and context to create reports, creative directions, and prototypes. Built and used by OpenAI teams.

OpenAI Developers

108,632 views • 2 months ago

Someone vibe coded a fully interactive 3D human anatomy app using GPT-5.6 Sol and Codex, and it started from a single design image. GPT Image 2.0 generated the design. Every organ image was generated from it and converted to 3D models through Tripo AI. Codex took those models, a master prompt and the design image and built the first version. The models were nearly 150MB each and running at 16fps, so Codex optimized everything down to 2 to 5.5MB per model and reduced total assets from 900MB to 28.6MB while keeping the visual quality intact. Codex also generated the anatomical illustrations showing where each organ sits, and created the interactive hotspot markers explaining different parts of every organ. Live and fully open source.

Someone vibe coded a fully interactive 3D human anatomy app using GPT-5.6 Sol and Codex, and it started from a single design image. GPT Image 2.0 generated the design. Every organ image was generated from it and converted to 3D models through Tripo AI. Codex took those models, a master prompt and the design image and built the first version. The models were nearly 150MB each and running at 16fps, so Codex optimized everything down to 2 to 5.5MB per model and reduced total assets from 900MB to 28.6MB while keeping the visual quality intact. Codex also generated the anatomical illustrations showing where each organ sits, and created the interactive hotspot markers explaining different parts of every organ. Live and fully open source.

0xMarioNawfal

56,870 views • 19 days ago

ChatGPT Image 2.0 created the design. Codex GPT 5.5 turned that design into a full Expo React Native app From asset generation to music logic, everything handled by ChatGPT using just a referenced design image 🔥 Is this what the future of development looks like?

ChatGPT Image 2.0 created the design. Codex GPT 5.5 turned that design into a full Expo React Native app From asset generation to music logic, everything handled by ChatGPT using just a referenced design image 🔥 Is this what the future of development looks like?

The Bugged Dev

112,636 views • 3 months ago

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

179,614 views • 1 month ago

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

Open Design

53,135 views • 2 months ago

Build your ideas with Cursor and Figma. Watch Lee Robinson go from design to code with GPT-5-Codex and Agent.

Build your ideas with Cursor and Figma. Watch Lee Robinson go from design to code with GPT-5-Codex and Agent.

Cursor

276,733 views • 11 months ago

I prefer my design tool to be more closely integrated with where my agents work. I spent a few hours building my own design tool (inspired by Claude Design) inside my orchestrator. I can use this with Codex, Claude, or any model. Opus 4.7 works best for now. Doing more tests.

I prefer my design tool to be more closely integrated with where my agents work. I spent a few hours building my own design tool (inspired by Claude Design) inside my orchestrator. I can use this with Codex, Claude, or any model. Opus 4.7 works best for now. Doing more tests.

elvis

13,380 views • 4 months ago

Introducing Code on Canvas in AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.

Introducing Code on Canvas in AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.

Tom Krcha

79,839 views • 4 months ago

Design with the real Liquid Glass—now in Play. ✨ Play is the only design tool that let’s you design with the real thing—straight from Apple’s APIs. No filters. No simulations. Design with the new iOS 26 features—Glass Effects, Tab Bar, Nav Bar, Scroll Edge Effect, and much more.

Design with the real Liquid Glass—now in Play. ✨ Play is the only design tool that let’s you design with the real thing—straight from Apple’s APIs. No filters. No simulations. Design with the new iOS 26 features—Glass Effects, Tab Bar, Nav Bar, Scroll Edge Effect, and much more.

Play

31,282 views • 11 months ago

The best way to design and build with your repository is Cursor/Codex + MagicPath. Watch me import components from my repo into the MagicPath canvas inside Cursor, then explore completely different variations. All while they stay interactive and faithful to the source code 👇

The best way to design and build with your repository is Cursor/Codex + MagicPath. Watch me import components from my repo into the MagicPath canvas inside Cursor, then explore completely different variations. All while they stay interactive and faithful to the source code 👇

Pietro Schirano

28,127 views • 2 months ago

Hello! Today we're releasing Paper Desktop Paper is now a canvas for Cursor, Claude Code, Codex. Any agent can read and write html to Paper. • push or pull from your codebase • pull real data from anywhere • less work, more design What will you ship? Sound on 🎶

Hello! Today we're releasing Paper Desktop Paper is now a canvas for Cursor, Claude Code, Codex. Any agent can read and write html to Paper. • push or pull from your codebase • pull real data from anywhere • less work, more design What will you ship? Sound on 🎶

Stephen Haney

1,714,516 views • 5 months ago

Excited to share that MagicPath is now available as an official plugin for Codex, in collaboration with OpenAI! It's incredibly easy to give Codex an infinite multiplayer canvas where it can design, build, and iterate with you.

Excited to share that MagicPath is now available as an official plugin for Codex, in collaboration with OpenAI! It's incredibly easy to give Codex an infinite multiplayer canvas where it can design, build, and iterate with you.

Pietro Schirano

353,691 views • 2 months ago

GPT Image 2 + Codex: or how to make Codex not suck at UI. Step 1: Generate a UI image (native in Codex) Step 2: Get Codex to implement the UI based on it Step 3: Get Codex to iterate until it aligns with the image as much as possible Codex is bad at initial UI, but very good at implementing a reference design, so this is your way out - iterate with the image model first and then Codex will do a good job.

GPT Image 2 + Codex: or how to make Codex not suck at UI. Step 1: Generate a UI image (native in Codex) Step 2: Get Codex to implement the UI based on it Step 3: Get Codex to iterate until it aligns with the image as much as possible Codex is bad at initial UI, but very good at implementing a reference design, so this is your way out - iterate with the image model first and then Codex will do a good job.

Peter Gostev

67,245 views • 4 months ago

Introducing Design OS—the missing design process between your idea and codebase. Step 1: Set your product vision Step 2: Design your screens Step 3: Export production-ready components Not mockups. Real components. Ready to build. Free & open source:

Introducing Design OS—the missing design process between your idea and codebase. Step 1: Set your product vision Step 2: Design your screens Step 3: Export production-ready components Not mockups. Real components. Ready to build. Free & open source:

Brian Casel

50,135 views • 8 months ago

‘Japanese Layout Design’ interprets Japanese layout design from theory to practice. With 76 distinctive layout design strategies and 18 Japanese layout design masters it passes the critical layout design elements and skills to readers.

‘Japanese Layout Design’ interprets Japanese layout design from theory to practice. With 76 distinctive layout design strategies and 18 Japanese layout design masters it passes the critical layout design elements and skills to readers.

Counter-Print

117,796 views • 3 years ago