Overview

The editor is for creating and tuning interface layouts within a project. Designers work with screens, manage layers, and adapt the design for different devices.

The main workspace is split into a few key areas:

• Canvas — the central area where layouts live (e.g. Desktop and Mobile variants).
• Layers — the left panel showing the element tree. You can manage hierarchy, rename, and group objects.
• Properties — the right panel for the selected item: size, spacing, colors, styles, and more.
• Toolbar — the bottom strip for quick access to core actions (creating elements, preview, zoom, and similar).

The editor supports multiple frames (e.g. Desktop and Mobile) so you can design responsive interfaces in one place.

How you typically work

1. Select an element on the canvas or in the layer list.
2. Adjust its properties in the right panel.
3. Organize structure via Layers.

That keeps layout work fast and predictable.