Align Modes

When using the Responsive View Mode, you're usually looking at multiple devices at once. Sizzy offers several Align modes to help you organize your workspace.

Tip This article only deals with aligning the devices you already have in your workspace. To learn how to add, remove, or reorder devices in your workspace, see Adding, Removing, and Reordering Devices.

You can find the Align mode button on the right side of the Workspace Toolbar.

Document image

Here's a list of align modes and what they do.

To use the hotkeys listed below, the focus must be anywhere on the app UI except the active webpage. In case a hotkey doesn't activate a mode, click somewhere outside the webpage, and try pressing the hotkey again.

Grid mode (default; Hotkey D)

Aligns the devices in a basic, left to right, top to bottom layout.

Document image

Center mode

Centers all devices.

Document image

Horizontal mode (Hotkey H)

Arranges all devices from left to right.

Document image

Vertical mode (Hotkey V)

Arranges devices from top to bottom.

Document image

Float mode

This mode lets you drag & drop devices wherever you want in the workspace and set individual or global zoom levels. You can even let the devices overlap. To learn more, see Float Mode.

Switching align modes using Butler

In addition to using the toolbar, you can switch between align modes by using Butler. To invoke Butler, press Ctrl+Shift+P on Windows/Linux, or Cmd+Shift+P on macOS.

In the search bar that pops up, write align to see all available align modes.

Document image

See also

Updated 11 May 2022
Did this page help?