Loading video...

Video Failed to Load

Go Home

Does your UI adapt to different screen sizes? 📱🖥️ Learn how responsive design can help you build flexible, polished menus in UEFN. Get more UI design tips in the full Unreal Fest session:

FNCreate's profile picture

Fortnite Developers

609,384 subscribers

16,203 views • 20 days ago •via X (Twitter)

Science & TechnologyGaming
LIVE

Anya Rossi• Live Now

Private livecam show

5 Comments

Sprintermax's profile picture
Sprintermax20 days ago

I can count in my hands the number of developers that actually care about different screen sizes/formats/scales to build proper UIs, sadly...

Fortnite Developers's profile picture
Fortnite Developers20 days ago

here's hoping Derek's talk helps change that!

Thiago.Unreal's profile picture
Thiago.Unreal20 days ago

all my UIs are pngs x.x

Thaib's profile picture
Thaib20 days ago

ngl responsive menus are annoying, does uefn preview every screen size at once?

Fortnite lover's profile picture
Fortnite lover20 days ago

Does creative adapt with the B.R.U.T.E. back in creative mode?

Related Videos

How to animate your UI design easily ⚡️📱
0:25

How to animate your UI design easily ⚡️📱

Jan Mraz

58,242 views • 2 years ago

Ready to learn UX/UI design in 2023?!👇
0:25

Ready to learn UX/UI design in 2023?!👇

Jan Mraz

51,247 views • 3 years 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
0:44

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,352 views • 2 years ago

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.
8:28

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

178,258 views • 1 year ago

3 Spatial UI Design tips in Figma, Supafast! ⚡️
0:32

3 Spatial UI Design tips in Figma, Supafast! ⚡️

Zander Whitehurst

79,800 views • 3 years ago

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)
7:27

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

Jason Zhou

747,723 views • 1 year ago

🔥 New in XAML Designer v0.2: 1️⃣ ‘Snap to Grid’ is back from the VB6 days – auto-align UI elements without the hassle. 2️⃣ Smart Anchoring makes responsive design a breeze on any screen. 3️⃣ Enhanced XAML Grid for a smoother, more intuitive experience. Made for .NET devs who want quick, easy UI design! 🙌 (Links in comments)
0:46

🔥 New in XAML Designer v0.2: 1️⃣ ‘Snap to Grid’ is back from the VB6 days – auto-align UI elements without the hassle. 2️⃣ Smart Anchoring makes responsive design a breeze on any screen. 3️⃣ Enhanced XAML Grid for a smoother, more intuitive experience. Made for .NET devs who want quick, easy UI design! 🙌 (Links in comments)

OpenSilver - Web-native WPF

16,131 views • 2 years ago

You can now clone any UI on the web and make it your own with one click. Just: - grab it with our Chrome extension - paste into Fusion - Type "adapt to our brand" Converts the UI to your design system and stack Links in reply:
0:21

You can now clone any UI on the web and make it your own with one click. Just: - grab it with our Chrome extension - paste into Fusion - Type "adapt to our brand" Converts the UI to your design system and stack Links in reply:

Steve (Builder.io)

40,275 views • 1 year ago

Intent UI Design now includes 492 polished blocks.
0:24

Intent UI Design now includes 492 polished blocks.

Irsyad A. Panjaitan

19,915 views • 5 months ago

When should you use Design mode vs App mode in Replit? Here’s the difference in under 60 seconds ⚡ Design = fast UI & layout App = logic, features, real functionality Learn more in the docs:
0:43

When should you use Design mode vs App mode in Replit? Here’s the difference in under 60 seconds ⚡ Design = fast UI & layout App = logic, features, real functionality Learn more in the docs:

Replit ⠕

46,400 views • 8 months ago

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.
0:30

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.

Replit ⠕

184,057 views • 7 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 ↓
46:40

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,592 views • 1 year ago

Here's how I build beautiful UI using AI (My design workflow)
22:09

Here's how I build beautiful UI using AI (My design workflow)

Micky

219,852 views • 4 months ago

Everything new in #Jailbreak Chapter 4! 🌋 UI Revamp: - New Main-Menu UI with new cutscenes! 📷 - New Sidebar UI with a much cleaner design! 🗺️ - New Season bar UI! 🔥 - New On-screen Cash UI! 💵 - New Speedometer UI with analog tachometer! 🧭 - Mobile UI cleaned up! 📱
0:49

Everything new in #Jailbreak Chapter 4! 🌋 UI Revamp: - New Main-Menu UI with new cutscenes! 📷 - New Sidebar UI with a much cleaner design! 🗺️ - New Season bar UI! 🔥 - New On-screen Cash UI! 💵 - New Speedometer UI with analog tachometer! 🧭 - Mobile UI cleaned up! 📱

Jailbreak Info

23,506 views • 4 months ago

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.
0:42

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.

Software Mansion

30,369 views • 3 months ago

Recent UI menus for Cash Heist City💰#UEFN
0:48

Recent UI menus for Cash Heist City💰#UEFN

JASPER

10,276 views • 5 months ago

See Kites Design in Action! ✨ We created a short animation to show how Kites Design helps UI/UX designers copy & paste mobile app UI components into Figma instantly! 👀 What do you think? Reply with your thoughts! Join the waitlist & get early access: #UIDesign #Figma #UXDesign #KitesDesign #MobileDesign #BetaTesting
0:49

See Kites Design in Action! ✨ We created a short animation to show how Kites Design helps UI/UX designers copy & paste mobile app UI components into Figma instantly! 👀 What do you think? Reply with your thoughts! Join the waitlist & get early access: #UIDesign #Figma #UXDesign #KitesDesign #MobileDesign #BetaTesting

Kites Design

146,665 views • 1 year ago

WTF Broooooooooooooooooo... this is HEAVEN for anyone using AI to build UIs. 🤯 It's a massive collection of agentic UI skills that help AI coding agents build better-looking, more polished interfaces. You can explore skills across different categories like colors, architecture, design systems, frontend development, and much more. Let's be honest... AI can generate some serious UI slop by default. But with the right skills and a little design knowledge, you can turn that slop into an absolute MASTERPIECE. 🔥 If you're a developer, designer, or vibe-coder, you NEED to bookmark this :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:21

WTF Broooooooooooooooooo... this is HEAVEN for anyone using AI to build UIs. 🤯 It's a massive collection of agentic UI skills that help AI coding agents build better-looking, more polished interfaces. You can explore skills across different categories like colors, architecture, design systems, frontend development, and much more. Let's be honest... AI can generate some serious UI slop by default. But with the right skills and a little design knowledge, you can turn that slop into an absolute MASTERPIECE. 🔥 If you're a developer, designer, or vibe-coder, you NEED to bookmark this :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

23,173 views • 10 days ago

Save time on UI prototyping ⚒️ Discover how to use Unity MCP and UI Toolkit to quickly build a placeholder UI! 🔗 Learn more about UI Toolkit:
0:58

Save time on UI prototyping ⚒️ Discover how to use Unity MCP and UI Toolkit to quickly build a placeholder UI! 🔗 Learn more about UI Toolkit:

Unity for Games

18,928 views • 3 months ago