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’s multimodal abilities can help you design, iterate, and build beautiful frontends for your apps Channing Conger and Romain Huet show how to use Codex Cloud as your front-end design partner — from sketching ideas to shipping UI.

OpenAI Developers

303,971 subscribers

177,573 views • 8 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

The best design work doesn't happen in a chat box. You need space to explore ideas, create variants, and iterate Meet the new Replit Canvas Your agentic design tool to build beautiful websites, apps, marketing assets and more

The best design work doesn't happen in a chat box. You need space to explore ideas, create variants, and iterate Meet the new Replit Canvas Your agentic design tool to build beautiful websites, apps, marketing assets and more

Replit ⠕

1,693,340 views • 1 month 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,310 views • 9 months ago

You can now run MagicPath as a native canvas inside Codex to design and build functional apps. It's pretty incredible. Here's how to do it 👇

You can now run MagicPath as a native canvas inside Codex to design and build functional apps. It's pretty incredible. Here's how to do it 👇

Pietro Schirano

334,571 views • 2 months ago

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

131,151 views • 1 month ago

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

299,884 views • 5 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

467,566 views • 2 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

352,825 views • 1 month ago

Need a beautiful design for your next Replit app? Head to 21st⁠.dev and: - Find a design - Copy the prompt into Replit Agent - Iterate and add Replit’s built-in tools and databases - Deploy your app to the public - Profit Share what you build and tag us!

Need a beautiful design for your next Replit app? Head to 21st⁠.dev and: - Find a design - Copy the prompt into Replit Agent - Iterate and add Replit’s built-in tools and databases - Deploy your app to the public - Profit Share what you build and tag us!

Replit ⠕

50,651 views • 1 year 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

66,675 views • 2 months ago

✨ Next level generative UI design is here ✨ The most popular UI generator just got even better! With Autodesigner 2.0, type out your ideas in plain text to design, prototype and iterate in seconds. #autodesigner #uizard #generativeui

✨ Next level generative UI design is here ✨ The most popular UI generator just got even better! With Autodesigner 2.0, type out your ideas in plain text to design, prototype and iterate in seconds. #autodesigner #uizard #generativeui

uizard ✨ by Miro Labs

35,687 views • 2 years 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 • 1 month 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,023,083 views • 3 months ago

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

83,767 views • 27 days ago

Finally launching 🎉 No way I actually built this SaaS in a week! You can now vibe-design beautiful mobile app UIs and iterate on your ideas instantly.

Finally launching 🎉 No way I actually built this SaaS in a week! You can now vibe-design beautiful mobile app UIs and iterate on your ideas instantly.

Aditya

286,652 views • 5 months ago

Finally, we have published Horizon OS UI Set for ISDK-Unity and Figma with the Interaction SDK v69 release on 10/9! This is our first public release of official UI components and design resources based on the Quest Design System. UI Set for Meta XR Interaction SDK: Figma Design file: By using UI Set, you can achieve consistent input modality support, visual feedback, and interaction behaviors. In addition to UI components and common UI pattern examples, theming capability can help you bring your own brand identity into your UI. We hope these UI Set Unity components + Figma design assets + Guideline docs - can help you designers, developers, and creators design, experiment, and build great spatial app experiences for Horizon OS platform. Including a personal blog post - How to build a simple spatial panel app with Meta Horizon OS UI Set, an image viewer with NASA Mars Rover API: #MetaQuest #MixedReality #MetaHorizonOS #InteractionSDK #MetaXRSDK #SpatialComputing

Yoon Park (박동윤)

59,115 views • 1 year ago

I’m 14 and I just killed AI slop forever. Introducing Clovr, an AI tool that creates beautiful, ready-to-use frontends and UI from a single prompt. Ask it anything and it will generate websites, landing pages, product UI, app frontends and more. Whatever you need to build a great and beautiful product.

I’m 14 and I just killed AI slop forever. Introducing Clovr, an AI tool that creates beautiful, ready-to-use frontends and UI from a single prompt. Ask it anything and it will generate websites, landing pages, product UI, app frontends and more. Whatever you need to build a great and beautiful product.

Alby Churven

63,498 views • 3 months ago

Last week was Windows, this week goes out to the mobile devs! Now, you can build, test, iterate on iOS apps much faster inside Codex. You can now: - Give precise feedback on your app's UI to Codex using annotation mode - Ask Codex to test every element and orientation of your app using the browser. Try it by installing the Build iOS Apps plugin. s/o to Evan Bacon 🥓 for serve-sim that allows us to make this possible & Rounak Jain who cooked to get this one out!

Last week was Windows, this week goes out to the mobile devs! Now, you can build, test, iterate on iOS apps much faster inside Codex. You can now: - Give precise feedback on your app's UI to Codex using annotation mode - Ask Codex to test every element and orientation of your app using the browser. Try it by installing the Build iOS Apps plugin. s/o to Evan Bacon 🥓 for serve-sim that allows us to make this possible & Rounak Jain who cooked to get this one out!

James Sun

17,849 views • 1 month ago

Codex for (almost) everything. It can now use apps on your Mac, connect to more of your tools, create images, learn from previous actions, remember how you like to work, and take on ongoing and repeatable tasks.

Codex for (almost) everything. It can now use apps on your Mac, connect to more of your tools, create images, learn from previous actions, remember how you like to work, and take on ongoing and repeatable tasks.

OpenAI

3,403,731 views • 3 months ago

If you're new to apps, you need to use XcodeBuildMCP. It takes all the rough edges out of working with Codex or Claude Code and Xcode. Your agent can build and run your app, and even check the UI to see if it looks good via Apple Accessibility APIs.

If you're new to apps, you need to use XcodeBuildMCP. It takes all the rough edges out of working with Codex or Claude Code and Xcode. Your agent can build and run your app, and even check the UI to see if it looks good via Apple Accessibility APIs.

Paul Solt

53,805 views • 6 months ago

v0 helps product leaders turn ideas into interactive prototypes in minutes. In this demo, you'll learn how to: • Use screenshots and references to guide v0 • Customize UI with Design Mode • Preview across devices as you iterate • Deploy and share prototypes for real-time team feedback using the Vercel Toolbar Get started today at

v0 helps product leaders turn ideas into interactive prototypes in minutes. In this demo, you'll learn how to: • Use screenshots and references to guide v0 • Customize UI with Design Mode • Preview across devices as you iterate • Deploy and share prototypes for real-time team feedback using the Vercel Toolbar Get started today at

v0

24,915 views • 6 months ago