How to Make a Grid in Figma
This guide provides a step-by-step walkthrough on how to create a layout grid in Figma. Follow these steps to set up a grid that can help you align and organize your design elements effectively.
Open Your Figma File โ Launch Figma and open the design file where you want to add a grid.
Select a Frame โ Click on the frame (artboard) where you want the grid to appear. Grids can only be applied to frames, not individual elements.
Go to Layout Grid Panel โ In the right-hand panel, scroll down to the Layout grid section.
Click the โ+โ Icon โ Click the โ+โ button to add a new layout grid to your selected frame.
Choose Grid Type โ Click on the dropdown next to โGridโ and select from:
Grid โ For square-based grids
Columns โ For vertical layouts
Rows โ For horizontal layouts
Customize Grid Settings โ Adjust options like count, margin, gutter, and color to fit your design needs.
Toggle Visibility โ Use the eye icon next to โLayout gridโ to show or hide the grid as needed.
Done โ Your grid is now applied and ready to guide your layout design.







