The largest panel on the left is the canvas where you can move around and arrange your UI components.
Drag components into the scene from the Components or Premade menus.
With two fingers you can move the canvas around and pinch/spread your fingers to zoom in and out.
At the top and bottom of the canvas are marked safe areas that mark areas of the screen that can contain HypeHype UI during gameplay.
Avoid placing UI components in safe areas to ensure your UI is visible to players.
At the bottom of the canvas is the Toolbar.
Some tools in the toolbar are only available when a UI Component on the Canvas is selected.
| Snap | Turn snapping on or off |
| Clear All | Clear the Canvas of all UI Components |
| Duplicate | Duplicate the selected UI Component |
| Redo | Redo the last undone edit |
| Undo | Undo the last edit made |
| Resolution | Adjust the size and dimensions of the canvas and safe areas |
| Fit to Editing Area | Fit the canvas to the available screen space |
| Simulate Fullscreen | Remove Safe Areas |
| Simulate Phone Portrait | Canvas and safe areas mimic a portrait phone screen |
| Simulate Phone Landscape | Canvas and safe areas mimic a landscape phone screen |
When a UI component is selected a widget will appear around it on the canvas.
This widget can be used to edit a few parameters of the UI Component
Additional parameters can be edited in the Parameters menu.