Rigonix Game UI Builder

Create your first project

Make a project, add ready-made screens and find your way around the dashboard.

A project holds all the screens of one game. In this guide you create one, fill it with ready-made screens and open the editor.

Create a project

  1. Sign in and open your Dashboard.
  2. Click New Project.
  3. Type a name for your game and click Create.

The editor opens with one empty screen. Your project is saved to your account, so you can close the browser and continue later from any computer.

Start from ready-made screens

An empty screen is fine, but it is often faster to start from templates and change them.

  1. Click Templates at the bottom of the editor, next to the screen tabs.
  2. Pick Starter game UI and click Add 10 screens, or add single screens such as Main Menu or Shop.

The starter pack gives you a main menu, level select, game HUD with a pause menu, level complete, game over, settings, shop, leaderboard, daily reward and a loading screen. They are already connected: Play opens Level Select, the pause button opens the pause menu, and so on. Everything stays editable.

Tip: Templates use your project's theme (fonts, corners, colours), so they match the rest of your game. See Project theme.

Your dashboard

Every project appears as a card on the dashboard. On each card you can:

  • Rename or Duplicate the project.
  • Download backup to save a copy (a .json file) on your computer.
  • Delete it. Deleting cannot be undone, so export a backup first if you are unsure.

The Import button opens a backup file you exported earlier, or one someone shared with you.

Screen size

New projects use 1920 × 1080 (landscape). For a phone game held upright, change it in the Screen panel: click an empty part of the canvas, and the right panel shows the screen settings with presets like Mobile Portrait. You can change this at any time. See Fit every screen size for how your UI adapts to other devices.

Next: A quick tour of the editor.