Panels — Layers & Assets
Left panel
Section titled “Left panel”Pages · Layers · Assets — three tabs, with a search box above the list.
Layers
Section titled “Layers”The nested layer tree of the current page. Select, multi-select, rename, hide, lock and drag-reorder elements. Layers show small badges for effects and CMS bindings so you can see what’s applied at a glance.
Assets
Section titled “Assets”Everything reusable, in one place:
- Colours, Fonts, Text styles, Variables (design tokens)
- Icons (89 built-in + a searchable 200k-icon library, baked to inline SVG)
- Media (your uploaded images/video)
- Components — your saved components, with live thumbnails
Folders keep long lists tidy.
Right panel — Design
Section titled “Right panel — Design”The inspector for whatever’s selected. It’s organised into collapsible sections:
Position · Size · Layout · Styles · Transform · Effects · Cursor · Scroll · Interactions · Accessibility · Visibility · Advanced (code overrides)
Deep controls (colour picker, shadows, gradients) open in floating popovers so the panel stays compact. With nothing selected, the panel shows page-wide settings — canvas widths, colour mode and the page template.