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.

GPT-6 Astra brings stronger visual judgment to front-end design. Give Astra a sketch, reference, or existing UI, and ask it to: • Turn the reference into a working UI • Refine layout, typography, and spacing • Adjust color and interactions • Use screenshots to guide revisions

OpenAI Developers

403,803 subscribers

20,170 views • 1 day ago •via X (Twitter)

Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

GPT-6 Astra is our best model yet for computer use, software engineering, and visual understanding to date. Hear from the builders putting it to work:

GPT-6 Astra is our best model yet for computer use, software engineering, and visual understanding to date. Hear from the builders putting it to work:

OpenAI Developers

721,193 views • 1 day ago

GPT-6 Astra turned a single floor plan into a full 3D walkthrough. It reconstructed the layout in Blender, furnished every room, lit the scene with natural light, and rendered the tour with ray tracing. Made end to end on Higgsfield Supercomputer.

GPT-6 Astra turned a single floor plan into a full 3D walkthrough. It reconstructed the layout in Blender, furnished every room, lit the scene with natural light, and rendered the tour with ray tracing. Made end to end on Higgsfield Supercomputer.

Higgsfield AI 🧩

52,456 views • 1 day ago

GPT-6 Astra just vibe-coded the Oval Office in 3D. We described the set design > GPT-6 Astra generated the scene code > Higgsfield built the location model in Blender and rendered it with Cycles. The whole pipeline ran end-to-end on Higgsfield Supercomputer.

GPT-6 Astra just vibe-coded the Oval Office in 3D. We described the set design > GPT-6 Astra generated the scene code > Higgsfield built the location model in Blender and rendered it with Cycles. The whole pipeline ran end-to-end on Higgsfield Supercomputer.

Higgsfield AI 🧩

887,826 views • 1 day ago

GPT-6 Astra holds up on 3D and game logic. This is a playable FPS it built end to end on Higgsfield Supercomputer.

GPT-6 Astra holds up on 3D and game logic. This is a playable FPS it built end to end on Higgsfield Supercomputer.

Higgsfield AI 🧩

21,593 views • 1 day ago

So this game is real now, fully built with GPT-5.5. I told Codex to use the imagegen skill to generate a reference UI and sprites, and used the Build macOS Apps plugin to build the app for a native retro fantasy labyrinth game! Adjusted the UI in a few prompts and here we are!

So this game is real now, fully built with GPT-5.5. I told Codex to use the imagegen skill to generate a reference UI and sprites, and used the Build macOS Apps plugin to build the app for a native retro fantasy labyrinth game! Adjusted the UI in a few prompts and here we are!

Thomas Ricouard

145,259 views • 4 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

84,239 views • 2 months ago

Introducing Higgsfield 3D Jutsu, powered by GPT-6 Astra. Turn a single prompt into a fully editable, interactive 3D world. > Generate complex 3D scenes from text > Control geometry, layout, and details > Refine environment instantly with simple prompts Now live on Higgsfield.

Introducing Higgsfield 3D Jutsu, powered by GPT-6 Astra. Turn a single prompt into a fully editable, interactive 3D world. > Generate complex 3D scenes from text > Control geometry, layout, and details > Refine environment instantly with simple prompts Now live on Higgsfield.

Higgsfield AI 🧩

28,308 views • 5 hours ago

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

30,370 views • 7 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

Turn any website into an AI-readable design system. Here's how: Google recently introduced the DESIGN.md specification: a file that helps AI agents understand a product’s design system. So we built a free tool for designers. Paste any website URL and Masumi’s DESIGN.md Generator extracts the brand’s colors, typography, components, spacing, and visual rules into an editable DESIGN.md file. Your designer can review it, tweak it, and hand it to Claude Code, Cursor, Codex, or any AI coding agent so the generated UI stays on-brand. Links below

albina

26,087 views • 3 months ago

This is the prompt builder I wish I had when I started vibe coding I did over 10,000 prompts and I put all my knowledge of UI into this builder. It has all the layout, color, typography and animation styles you can think of. It can even input html, figma url and adapt from hundreds of templates to create the perfect UI for you. Perfect for beginners and design explorations.

This is the prompt builder I wish I had when I started vibe coding I did over 10,000 prompts and I put all my knowledge of UI into this builder. It has all the layout, color, typography and animation styles you can think of. It can even input html, figma url and adapt from hundreds of templates to create the perfect UI for you. Perfect for beginners and design explorations.

Meng To

126,497 views • 1 year ago

We're excited to roll out a new UI for desktop and mobile: – Browse the feed and your creations in detailed view with arrow keys or swipe – Grid view brings a more organized layout to your Creations page – Adjust image size on your Creations page

We're excited to roll out a new UI for desktop and mobile: – Browse the feed and your creations in detailed view with arrow keys or swipe – Grid view brings a more organized layout to your Creations page – Adjust image size on your Creations page

Ideogram

10,451 views • 1 year ago

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

Ibelick

62,979 views • 2 months ago

most people miss this part don’t just generate… guide it use: • premium model (Nano Banana Pro) • reference images for style I tested this with: “clean tight gaps, no borders, high-end branding aesthetic” and it nailed spacing, typography, everything this is where it starts feeling like a real design tool Try it today:

most people miss this part don’t just generate… guide it use: • premium model (Nano Banana Pro) • reference images for style I tested this with: “clean tight gaps, no borders, high-end branding aesthetic” and it nailed spacing, typography, everything this is where it starts feeling like a real design tool Try it today:

Ulobex 

11,686 views • 5 months ago

Just recorded a 46-min tutorial on How to Make a MVP UI from SCRATCH using Cursor and bolt.new ! This covers documentation, PRD, db design, ui design, prompting and much more ! Comment "MVP" to get a FREE Guide Here's the Full Summary ↓

Just recorded a 46-min tutorial on How to Make a MVP UI from SCRATCH using Cursor and bolt.new ! This covers documentation, PRD, db design, ui design, prompting and much more ! Comment "MVP" to get a FREE Guide Here's the Full Summary ↓

Harshil Tomar

22,558 views • 1 year 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 • 8 months ago

You can now generate, edit, and convert a reference image into 3D inside one tool. Tripo's Image Generation runs Nano Banana and GPT to build the reference, then turns it into a model. Text or photo in, 3D out. One pipeline, zero handoffs.

You can now generate, edit, and convert a reference image into 3D inside one tool. Tripo's Image Generation runs Nano Banana and GPT to build the reference, then turns it into a model. Text or photo in, 3D out. One pipeline, zero handoffs.

Alvaro Cintas

56,246 views • 2 months ago

Ghaoru transforming into the mighty Ghao 💥 Used AI to turn him into 3D and animate the sequence. The base was a concept/reference design I'm currently working on. #Musclegrowth #Transformation #Hulk #Ozaru #Furry

Ghaoru transforming into the mighty Ghao 💥 Used AI to turn him into 3D and animate the sequence. The base was a concept/reference design I'm currently working on. #Musclegrowth #Transformation #Hulk #Ozaru #Furry

ZvijerLab (COMMISSIONS OPEN)

19,683 views • 4 months ago

All the updates brought by Samsung One UI 9 combined may not be as many as what Home Up has delivered this time. The latest version of Home Up 18.0.00.24 has added the ability to adjust the background color of the Edge Panel. This is my “homework” setup, feel free to use it as a reference. By properly adjusting the blur and transparency levels, you can create a more refined and beautiful visual effect for the Edge Panel. Check out my video to see the results.

All the updates brought by Samsung One UI 9 combined may not be as many as what Home Up has delivered this time. The latest version of Home Up 18.0.00.24 has added the ability to adjust the background color of the Edge Panel. This is my “homework” setup, feel free to use it as a reference. By properly adjusting the blur and transparency levels, you can create a more refined and beautiful visual effect for the Edge Panel. Check out my video to see the results.

Ice Universe

48,520 views • 1 month ago

Addicted to Nous Research Hermes Agent's /learn. You can feed it any design and turn it into a reusable skill that makes Hermes design exactly how you want. /learn [URL or image] - extracts design tokens, layout structure, interaction states, component patterns, and a 10-point checklist Next time you want that exact style, just ask Hermes to use the skill it created. Example below 👇

Addicted to Nous Research Hermes Agent's /learn. You can feed it any design and turn it into a reusable skill that makes Hermes design exactly how you want. /learn [URL or image] - extracts design tokens, layout structure, interaction states, component patterns, and a 10-point checklist Next time you want that exact style, just ask Hermes to use the skill it created. Example below 👇

Mia

76,206 views • 2 months ago