If there is already a check next to Pixel grid, you can click it again to toggle it off.

If there is no check next to it: select Pixel grid to toggle this on.Open the Zoom/view options menu (from the zoom level in the toolbar).Each square in the pixel grid represents a single pixel, when exported at 1x resolution. Tip! You can also use the shortcut to toggle pixel preview off and on:įor greater accuracy when placing and aligning objects, you can enable the pixel grid.

Select the Zoom/view options menu in the toolbar.

You will also see a toast notification at the bottom of your scree to confirm Pixel preview is enabled.

A checkmark will appear next to the setting in the menu.

Select either 1x or 2x from the options:.

Hover over the Pixel preview option to open the menu.

This allows you to preview how objects will appear on both low and high resolution displays. You can view Pixel preview in either 1x or 2x mode. This allows you to preview vector objects in their rasterized format. To support pixel-precise editing, you can enable Pixel preview. This means that there aren't fixed resolutions for the paths you create in the canvas.

Hold down ⌘ Command (Mac) or Ctrl (Windows) and scroll the mouse wheel up to zoom in or down to zoom out.īy default, vectors in Figma are rendered as resolution-independent.

Double-tap with one finger to zoom in and back out.

Hold down ⌘ Command (Mac) or Ctrl (Windows) and scroll up and down.

On both Mac and Windows trackpads, you can use the following gestures to adjust zoom: You can also use your mouse or trackpad to zoom the canvas. Tip! If you are opening a Figma URL that links to a specific node, the canvas will be zoomed to fit that specific node.

Change canvas size preview mac os x