Community Tutorial: How to create Modular and Scalable UI Systems?

How many times have you tried developing a UI system, but ended up with a messy and hard to manage solution?

You are wondering, what is an efficient way to communicate data between gameplay code and UI? Should you create and remove Widgets, or hide and show them? How can you manage different panels and popups?
What causes poor performance for your UI System?

We’ll be answering questions like:

  • How can we iterate on UI design faster?
  • How to avoid duplicating widgets?
  • How to manage UI Panels and Popups?
  • How can we communicate between gameplay and UI without tight coupling?
  • What can cause poor UI Performance?
  • Should we Create and remove widgets? Or hide and show them?
  • Use Collapsed or Hidden?
  • Are Canvas Panels Efficient?
  • How to space widgets efficiently?
  • How can we avoid Hard References?
  • What is SMeshWidget?

Your feedback will be much appreciated, as this is the first tutorial I have ever done!
https://youtu.be/v9k-J2GeEKI

https://dev.epicgames.com/community/learning/tutorials/rmv5/unreal-engine-how-to-create-modular-and-scalable-ui-systems

1 Like

Really good video! & thanks for also providing links to the resources you used!!


Slight feedback (and not even on the video’s content itself :sweat_smile:), but a YouTube setting is preventing the video from embedding on the Epic Developer Community page:

image

If you “Allow Embedding” under “Video Details” for the video in your YouTube Studio, that will make it so others can watch the video without having to leave the developer community page. :slight_smile:

image

1 Like

Oh, thank you for notifying me and sorry for the late reply!

1 Like