Web Design » Figma » How Do You Snap to Grid in Figma?

How Do You Snap to Grid in Figma?

Last updated on January 26, 2023 @ 10:59 am

Figma is a vector drawing and animation software. It is used by designers to create vector illustrations, logos, and icons.

Figma has a “Snap to Grid” feature that allows you to easily align objects to a grid.

To snap to grid in Figma, first select the object or objects you want to align. Then, go to the Design tab and select one of the align options available at the top section. The selected object or objects will then snap to the nearest grid line. The options available to aid the alignment of your objects are the following with their corresponding keyboard shortcuts:

  • Align left (Ctrl+A)
  • Align horizontal centers (Alt+H)
  • Align right (Alt+D)
  • Align top (Alt+W)
  • Align vertical center (Alt+V)
  • Align bottom (Alt+S)

Additional options that you may want to try out to easily clean up the alignment of your objects are the following which can be found in the “More options” drop-down menu:

  • Tidy up (Ctrl+Alt+Shift+T)
  • Distribute vertical spacing (Alt+Shift+V)
  • Distribute horizontal spacing (Alt+Shift+H)

PRO TIP: When snapping to grid in Figma, be aware that your objects will snap to the nearest grid line, which may not be where you want them. Be sure to check your objects’ positions before moving on.

Once you have snapped an object or objects to grid, you can move them around and they will automatically snap to the nearest grid line. This can be helpful when you are trying to create precise designs.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.