How to Make UI in Figma and Use In Unreal Engine 5

[@gavinmcc.518]

this is an awesome tutorial! I've never before used Figma and I'm just getting started to create UI for my upcoming game project in Unreal. You nailed it! Would love to see how to create animated buttons in the future..you got my sub and a like!

[@IstiakAhmed_UE5_VR-Dev]

Need more like this, detailed tutorial with some Figma basic for Unreal

[@CaptainHoke]

Very helpful for a novice like me, thanks a bunch! Looking forward to more UI tutorials!

[@gabriellesnow_ui]

Great to hear thank you 😊

[@ahmedshakib3883]

There is a plugin called psd to UMG ,if you can convert a figma layer to psd and the import directly to unreal , everything is imported , all the layers are retained.

[@gabriellesnow_ui]

Really? Ill have to look into that. Thank you!

[@fotenks]

I was wondering what resource you used to learn UMG, like was it Epics documentation or a tutorial series you watched. I’ve been trying to find info on Figma to unreal UI workflows and this video was really cool and insightful, thank you so much 👍

[@romainmarsaleix4657]

Thanks a lot Gabrielle !

[@QuintonmcGaming]

Def got to try this

[@bogdanvasile5460]

This is so cool! I'm pretty new to UI art and honestly I didn't know what tools are these artists using to create those beautiful interfaces. I imagine besides Figma, maybe Photoshop and.. illustrator? Not sure how it would fit in or just be replaced tbh.

[@gabriellesnow_ui]

Photoshop, Figma and Illustrator are ones I’ve used personally. We are definitely in a figma to engine pipeline now.

[@wallacesousuke1433]

So interesting! Had no idea Figma could be used for that :D

[@gabriellesnow_ui]

Figma can do so much more too!

[@GIGANTOMECHA]

hey great tutorial i was wondering if you could make another video like this maybe showing more things you can do with figma in unreal

[@charcoleee]

Great tutorial! Just wished the audio was a little bit louder

[@DarkslayerTV]

Thank you for the video!

[@shnake_case]

Great video! I wonder how that works with different screen resolutions? Do you make a separate asset for 1080p and 4k screens for example? Also your mic audio is super low.

[@gabriellesnow_ui]

Thank you I realized it was quite low, Ill need to fix my audio up a bit next time! - You should handle every image uniquely to its circumstance. For example in Zelda you can take photos and those images will render as 4K, they will take up about 70% of the screen as well (I assume from the last time I played it). I would treat those images special and export them in 4K resolution. But for a small character badge, or a settings button that is a cog (wheel) I would export those just large enough where they look crisp but not perfect on every screen size. ✌ I hope that was helpful!

[@ethanwasme4307]

doesn't umg and texture pipeline already have provisions for auto scaling of ui and assets?

[@realgermankid]

so beautiful

[@michaeleber4752]

This might be a fantastic tutorial, but your volume is very low I can hardly hear you!

[@gabriellesnow_ui]

😅😭 so sorry about the audio on this one!!!

[@rabbit1g237]

Is there anyway I can find Menu png bundle for my shooter project?

[@leopolldo007]

Nice vídeo.Thank's.

[@ethanwasme4307]

i just need some basic programmer art... do you actually work on apex? so cool either way

[@KillerSneak]

Yes it looks very nice, but seeing the stack tree of your Widgets this is a performance killer. You shouldn’t make PNG’s you should be using materials for them (they get rendered on the GPU instead of the CPU)

[@buckatronic]

No volume? 🥲

[@gabriellesnow_ui]

😅 sorry about that

[@mordicai4296]

I'm subbed, teach me your ways, but please crank that audio up. I turned up my speakers full blast and still couldn’t hear you,

[@gabriellesnow_ui]

🫡 will do my best , but yes I have fixed my audio!

[@hartdr8074]

Why is the audio so quiet

[@gabriellesnow_ui]

Sorry about that I have fixed it 😭

[@aakburns]

The example here is laughable only because of the written material.. 'Buy Premium Battle Pass'. Everything wrong with modern gaming.

[@skrambledagg]

thanks for sharing! i was honestly surprised you said this was an easy process at the end, it seems like it could get really repetitive and easy to make mistakes 🫠