Layout Grids

Grids help you align and organize elements on the canvas, ensuring consistent spacing and layout throughout your design.

To add a layout grid to your project, ensure that “Show Guides” is enabled for your project. To enable it, head over to the Framer logo in the top left, in the View menu, you’ll see “Show Guides” option. (Shortcut ⌃G)

Once enabled, select your breakpoint. On the right, you can set properties such as grid type (column, row), gap, margins, and width.