Rigonix Game UI Builder

Work with screens

Add, rename and remove screens, set their size and background, and move between them.

A game has many screens: the main menu, settings, the HUD, the shop. Each one is a tab at the bottom of the editor.

Add, rename and remove screens

  • Add: click + next to the tabs for an empty screen, or Templates for a ready-made one.
  • Open: click its tab.
  • Rename: double-click the tab, type the new name and press Enter.
  • Duplicate or Delete: hover over the tab and use its small buttons.
Tip: Give screens clear names like "Main Menu" or "Shop". They show up in your actions, and in Unity as the names of your screens and in the generated code.

Screen settings

Click an empty part of the canvas so nothing is selected. The right panel shows the Screen tab.

Here you can change:

  • Width and Height, or pick a preset such as Full HD, Mobile Portrait or Steam Deck.
  • Background Type:
  • Color: one colour.
  • Gradient: a smooth blend. Try the ready-made ones like Sunset or Dark Space.
  • Image: one of your own pictures. Blur softens it, and Fog lays a mist over it (thickest at the bottom) in the colour next to the slider. Both reach Unity as they look here.
  • Unity scene: which Unity scene this screen goes into (see Scenes).
  • Other screen sizes: how the screen adapts to phones, tablets and wide monitors (see Fit every screen size).

Moving between screens

Players move between screens with buttons. Select a button, open its Actions tab, and add On Click → Navigate to the screen you want. You can also pick a transition such as a cross-fade or a slide. Actions explains this step by step.

Screens and popups

A pause menu or a "Are you sure?" box does not need its own screen. Make it a popup on top of the current screen instead. See Popups and toasts.