How to Make a Grid in Figma

Quick summary

Adding a layout grid in Figma helps designers maintain consistent spacing and alignment across frames. You can customize grid size, color, and opacity directly from the right-side panel in just a few clicks.

Steps

1. In your Figma design canvas, find and click the frame where you want to add the grid.
2. Head to the right-side panel and click Layout Grid to enable it on the selected frame.
3. Click the Layout Grid Settings icon to open the grid configuration options.
4. Specify your preferred Grid Size, Color, and Opacity Level to match your design needs.
5. Click anywhere on the canvas to apply the changes and exit the settings panel.
6. Your layout grid is now created and added to your Figma design.