Pan & Zoom mode

Navigate and preview your canvas freely — useful when working on large layouts or detailed sections

What is Pan & Zoom mode

Pan

Pan

Zoom

Zoom

Two ways to turn it on.

In the editor top bar, click the Pan & Zoom toggle to enable it directly.

Click the Editor preferences icon and select Enable pan & zoom mode.

Once enabled, the Zoom toolbar appears at the bottom center of the canvas.

Action	Shortcut
Zoom in	`Ctrl` + scroll up / `Cmd` + scroll up
Zoom out	`Ctrl` + scroll down / `Cmd` + scroll down
Pan (temporary)	Hold `Space` to switch to hand tool
Pan (scroll)	Scroll to move vertically. Click and drag in hand mode to move freely.

Action	Shortcut
Zoom to fit	Scales the canvas to show your entire design in one frame. Use this before publishing to review the full layout at a glance.
Zoom to 100%	Returns the canvas to actual size. Use this when you need to see exactly how elements will appear on screen.
Snap to center top	Instantly scrolls to the top of your design while keeping your current zoom level — useful when you've scrolled far down a long page.

Tips:

✅ Keep your browser zoom at 100% for full access to editing tools and best performance.

✅ Use Zoom to fit before publishing to quickly review your full design layout.

Last updated 23 days ago