Adjust your zoom and view options

Who can use this feature

Supported on any team or plan.

Anyone with at least can view access to a file can adjust their zoom and view options.

You can customize your preferences for design files the Zoom/view options menu. Adjust your zoom settings, or toggle on other view options like layout grids or multiplayer cursors.

In this article, we'll explore the settings available in this menu.

Canvas zoom settings

There are a number of ways to adjust canvas zoom in design files. Any changes you make to zoom only apply in the current tab for that file.

When you first open a file, the default zoom level will be set to Zoom to fit. This focuses the viewport so you can see everything on the current page.

Zoom percentages

View the current zoom percentage in the top-right corner of the toolbar.

• Click to open the zoom/view options menu.
• Figma focuses on the current percentage field. Start typing to enter a specific percentage.
• Select one of the default zoom percentages:
  • Zoom to 50%
  • Zoom to 100%
  • Zoom to 200%

Keyboard shortcuts

• Zoom in: Shift +
• Zoom out: Shift -
• Zoom to fit: Shift 1
• Zoom to selection: Shift 2

Mouse and trackpad gestures

You can also use your mouse or trackpad to zoom the canvas.

On both Mac and Windows trackpads, you can use the following gestures to adjust zoom:

• Stretch two fingers apart to zoom in
• Pinch two fingers together to zoom out

On an Apple Magic Mouse:

• Hold down ⌘ Command (Mac) or Ctrl (Windows) and scroll up and down
• Double-tap with one finger to zoom in and back out

On another type of mouse:

• Hold down ⌘ Command (Mac) or Ctrl (Windows) and scroll the mouse wheel up to zoom in or down to zoom out.

Pixel preview

By default, vectors in Figma are rendered as resolution-independent. This means that there aren't fixed resolutions for the paths you create in the canvas.

To support pixel-precise editing, you can enable Pixel preview. This allows you to preview vector objects in their rasterized format.

You can view Pixel preview in either 1x or 2x mode. This allows you to preview how objects will appear on both low and high resolution displays.

To enable Pixel preview

1. Open the zoom/view options menu.
2. Hover over the Pixel preview option to open the menu.
3. Select either 1x or 2x from the options.

A checkmark will appear next to the setting in the menu. You will also see a notification at the bottom of your screen to confirm Pixel preview is enabled.

To disable Pixel preview:

1. Select the Zoom/view options menu in the toolbar.
2. Hover over the Pixel preview option.
3. Select Disabled from the options.

Pixel grid

For greater accuracy when placing and aligning objects, you can enable the pixel grid. Each square in the pixel grid represents a single pixel, when exported at 1x resolution.

1. Open the Zoom/view options menu (from the zoom level in the toolbar).
2. If there is no check next to it: select Pixel grid to toggle this on.
3. If there is already a check next to Pixel grid, you can click it again to toggle it off.
4. You can also use the keyboard shortcuts to toggle the pixel grid off and on:
   1. MacOS: ⌘Command '
   2. Windows: Ctrl '

Snap to Pixel grid

The Pixel grid itself will only be visible at zoom levels of 400% or higher. If you want to use the Pixel grid while zoomed out, the Snap to pixel grid setting is a great tool.

When you enable this functionality we will align objects to the underlying grid when placing or moving them. This can help to prevent mis-aligned pixel errors when exporting elements.

To toggle snap to pixel grid, open the Zoom/view options menu (from the zoom level in the toolbar) and select Snap to pixel grid.

Or use keyboard shortcut:

• Mac: ⌘Command ⇧ Shift '
• Windows: Control ⇧ Shift '

Layout grids

You can toggle the visibility of all layout grids in your files, from the Zoom/view options menu. This is great if you'd like to preview how a design will look, without having to remove or hide layout grids for individual objects.

1. Open the Zoom/view options menu (from the zoom level in the toolbar).
2. If there is no check next to the Layout grids option, click to display them:
3. If there is a check already showing, clicking Layout grids will hide them:
4. You can also use the keyboard shortcuts to toggle layout grids:
   • MacOS: Control G
   • Windows: Ctrl Shift 4

Learn more about Layout grids →

Multiplayer cursors

If you're collaborating with other team members in a file, you will be able to see their actions via the Multiplayer cursors. Collaborator names and cursors are shown next to their location on the canvas.

If you don't want to be distracted by other team member's actions, you can hide their cursors from your view.

1. Open the Zoom/view options menu (from the zoom level in the toolbar).
2. If there is no check next to the Multiplayer cursors option, click to display them.
3. If there is a check already showing, click Multiplayer cursors again to hide.
4. You can also use the keyboard shortcut Option-Command-\to toggle multiplayer cursors.

Prototype flows

A prototype is the network of frames and connections in a single page. Prototypes can map out a user's entire journey through your app or website, or can focus on a specific segment or flow.

Learn more about prototyping →

If you only have can view access to a file, you can't create prototypes or make changes to an existing prototype. However, viewers can still view existing prototype connections by toggling the Prototyping view option.

1. In the toolbar, click the current zoom percentage to open your view options menu.
2. Select Prototyping to toggle prototype connections on or off.