User Interfaces Feature Template in Unreal Editor for Fortnite | Unreal Editor for Fortnite Documentation

This page is not available in the language you have chosen. It will be displayed in English by default. If you would like to view it in a different language, you can try selecting another language.

The User Interface Feature Template showcases what’s possible when creating custom user interfaces (UI) with Unreal Motion Graphics (UMG). You can find this template in the Project Templates section of the Feature Examples in the Project Browser.

This companion tutorial will familiarize you with Fortnite Creative devices that add custom a UI to the heads up display (HUD), how to build UI widgets from design to device functionality, and how the materials, textures, and material functions in the feature template were used to create the custom look of the UI samples.

Spawning point of the UI Feature template.

UI sample content is packaged in the Content Browser in the UI folder, then by device in the Devices folders. Each device folder contains the following asset folders:

Material Instances - Materials and material functions used to create either a flat UI design or a dynamic design.
Textures - Textures used to create a more complicated UI design not possible with materials alone.
Widgets - The User Widget design and construction that replaces the default player UI.

Open the project folder, then open the UI > Devices folder to see all device assets.

The template is divided into three rooms. Bookmarks are set up to take you from room to room. where you will learn about different Creative devices, how they are used to display a custom UI, and to view the UI samples created for those devices.

Press these keys to select a new room in the template:

1 - Room 1
2 - Room 2
3 - Room 3

Get started by pressing the 1 key to go to Room 1 where you’ll begin learning about the HUD Message and Pop-Up Dialog devices and their widgets. Enter each room to see examples of devices, UI, and more. The documentation below will help you to understand how these examples were set up and how you can make your own custom UI.

Creative Devices

Learn more about the Creative devices that support custom UI.

UMG Widgets

Take an in-depth look at how UMG widgets are used to create unique user interfaces.

Material Assets

Learn more about using materials and textures with user interfaces.

Migrating Template Assets

Learn how to migrate assets from the template for use in your own projects.