Pan & Zoom mode

Navigate and zoom around your canvas with ease for a better editing experience

Easily navigate and preview your pages, especially on large screens or complex layouts. Whether you're fine-tuning your page design or working on detailed sections, this mode helps you view and move around the editor more freely and with precision.

What is Pan & Zoom mode 🔍

Pan & Zoom mode allows you to:

• Zoom in/out of the canvas to see more or fewer page details.

• Pan (drag) across different parts of your page without scrolling.

• Get better control over layout adjustments, especially helpful when working on large desktop views or zoomed-out perspectives.

How to enable Pan & Zoom mode ⚙️

You can toggle this feature directly in the Foxify Editor:

Steps:

In the Top bar of the editor, toggle to turn on the Pan & zoom mode.

or

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

Once enabled, you'll see the Zoom Toolbar appear at the bottom center of the canvas.

How it works 🖱️

Move around your canvas easily

• Hand tool: Click the hand icon 🖐️ in the toolbar to enable pan mode.

• Mouse navigation:

  • Click and drag to pan across the canvas

  • Scroll to pan vertically (up and down)

Hold down the Spacebar to temporarily switch to the hand tool.

Zoom in and out like a pro

When you first open the editor, the canvas loads at Zoom to 100% by default.

Keyboard shortcuts & scroll:

• Ctrl + scroll up / Cmd + scroll up → Zoom in

• Ctrl + scroll down / Cmd + scroll down → Zoom out

Zoom menu options:

• Choose Zoom to fit to view the entire design area in one frame.

• Select Zoom to 100% to return to actual size.

• Snap to center top: Click this option to instantly scroll to the top of your design while maintaining your current zoom level.

Best practices ✅

• 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.

Foxify AI turns a prompt into a well-structured page layout in seconds. Try Foxify AI ✨