If you're wanting to work in a more resolution-independent manner, we recommend using Layout grids to control placement and alignment of objects.

For this reason, any pixels in Figma are really 'virtual pixels' or resolution-dependent.

If there is already a check next to Snap to Pixel Grid, click it again to toggle it off.īoth your browser and device determine what one pixel looks like, meaning 'one pixel' is not always the same as the next.

Select Snap to pixel grid to toggle this on.

This can help to prevent mis-aligned pixel errors when exporting elements. When you enable this functionality we will align objects to the underlying grid when placing or moving them. If you want to use the Pixel grid while zoomed out, the Snap to pixel grid setting is a great tool. The Pixel grid itself will only be visible at zoom levels of 400% or higher.

You can also use the keyboard shortcuts to toggle the Pixel Grid off and on:.

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, you can select Pixel Grid to toggle this on:.

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.Įach square in the Pixel Grid represents a single pixel, when exported at 1x resolution.

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.

Windows photo viewer rotate greyed out