In Preview you can test responsive layouts: pick a device preset or type a custom width×height, and rotate to swap width and height.
In Preview you can test responsive layouts: pick a device preset or type a custom width×height, and rotate to swap width and height.
Where: Preview toolbar → device/size controls — Enter Preview mode
Was this article helpful?
The left sidebar is your navigation hub: an icon rail toggles the main panels (Pages/Layers, Design System, Assets, CMS, AI), with a header for project name/sharing and a draggable edge to resize, spl
You don’t have to use the sidebar for everything — most properties can be edited by dragging directly on the element: move it, drag its handles to resize, rotate from a corner, and drag corner handles
Preview mode runs your design live. Pick a device or custom size, rotate, and choose Select (click elements to edit in the sidebar) or Interact (links/forms/scripts run).
The canvas has two working modes: Builder (compact) shows a single frame for fast, focused edits, while Designer shows the full multi-breakpoint canvas. (Video projects use Builder.)