How to create Modular and Scalable UI systems in Unreal Engine

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 a better 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 optimization for your UI System? In this video, we’ll go over some of the Best Practices we can apply to create a modular, scalable and optimized UI System in Unreal Engine. Timestamps: 00:00 Intro 01:33 How can we iterate on UI design faster? 02:33 How to avoid duplicating widgets? 03:33 How to manage UI Panels and Popups? 06:00 How can we decouple gameplay and UI communication? 08:05 What can affect UI Performance? 08:45 How can we reduce UI draw calls? 09:30 What’s the best way for UI Animations? 10:51 Should we Create and remove widgets? Or hide and show them? 11:59 Collapsed or Hidden? 12:17 Not Hit Testable or Visible? 12:45 Are Canvas Panels Efficient? 13:26 How to space widgets efficiently? 13:53 How can we avoid Hard References? 14:35 Custom Icon Fonts 16:25 What is SMeshWidget? 18:27 Outro Project Files: Resources: