Navigating the Interface

Image without caption

Navigator

Navigate project site pages, components, and boards. Quickly access and manage essential parts of your project in one place.
Image without caption

Quick Add Strip

Instantly add components such as Rows, Columns, Text, and Logic directly to your composition, speeding up the building process without disrupting workflow.
Image without caption

Canvas

Interact with, select, and edit content visually. The canvas provides an intuitive space for arranging components and previewing site edits in real-time.
Image without caption

Composition Tree

View, manage, and restructure the hierarchical layout of the current page or component. Drag and drop components to adjust your design hierarchy seamlessly.
Image without caption

Properties Panel

Customize component settings using a dynamic, contextual interface. Control configuration options, apply styling, and manage data bindings efficiently in one consolidated panel.
Image without caption

Application Bar

Access project-wide tools and settings, including Tokens, Classes, and the Insert Menu. Manage project sharing and publishing actions directly from the application bar.
Image without caption

Navigator

Quick Add Strip

Canvas

Composition Tree

Element Types 

Properties Panel

Adding Properties

Adding Styles

Keyboard shortcuts

A table containing all keyboard shortcuts