Creating Components

When designing, rather than creating every element from scratch, it is better to create reusable Custom Components.

This approach improves overall consistency, unifies the user experience, and makes changes and maintenance easier by editing Custom Components.

There are two main ways to create a new Component.

Creating a New Component

Execute Add Component from the menu, and a new Component will be created immediately. Design this empty Component as you wish, and you can bring it in for reuse at any time when designing a Scene.

Converting an Existing Design to a Component

While working on a design in a Scene, you can turn any design into a Custom Component at any point.

Select the desired UI, then tap 'Create Component' in the Inspector. The selected UI is immediately saved as a Component, and it is converted into a Component Instance, allowing you to override various properties.

To navigate directly to the created Component, use the 'Go to Component' button.

Any Component Instance can be converted into an independent design object via 'Detach Instance'.