The Interface

1. The Stage

The Stage is where you create your designs. The stage size is not infinite, it is always referencing a specific size, like a Phone or a Tablet. Those sizes are just guides to help you while designing flexible layouts. In the end, the Stage is as big as the end-user's screen.

2. The Toolbar

The toolbar provides quick and easy access to actions like stage manipulation (zoom) or important tools like settings, preview or publish.

3. The Inspector

In the Inspector, you will find settings for any Layer you've selected in the Layer list. Any visual layer or data property can be inspected here.

4. The Design panels

An Ease Live project consists of three core elements. They are listed out in their own tab group. You can add a new one at any time by clicking the + icon.

• Scenes: Think of it as a standalone UI widget
• Components: Reusable UI elements, like a button or a list item.
• Data: What brings your app to life. You can prepare a broadcast producer, fetch data from a server or set up static values.

Whenever you select an element in one of the panels, the Stage, Layer list and Component list change accordingly.

5. The Layer list

In the Layer list, you can see all layers (in Scenes or Components) or properties (in Data sources). If you click a layer in the list, it will be selected on the Stage and in the Inspector.

6. The Components panel

In the components Panel you will find all the layer styles available for use to create your application. Just click on a layer, and it will be placed as a child under the already selected layer in the Layer list.

7. The Animations panel

In the Animations panel you will find all of the layer animations that has been setup in the current Scene or Component.