---
title: "How to Make a Grid in Figma"
h1: "How to Make a Grid in Figma"
description: "Discover the step-by-step guide on how to create grids in Figma. Enhance your design workflow and achieve precision in your projects effortlessly."
route: "/learn/how-to-make-a-grid-in-figma"
canonical: "https://www.layerpath.com/learn/how-to-make-a-grid-in-figma"
---

# 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.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cm9e4tj690001l50d22sqrgik/tour

Tour id: cm9e4tj690001l50d22sqrgik

1. **Open Your Figma File** – Launch Figma and open the design file where you want to add a grid.
2. **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.
3. **Go to Layout Grid Panel** – In the right-hand panel, scroll down to the **Layout grid** section.
4. **Click the “+” Icon** – Click the “+” button to add a new layout grid to your selected frame.
5. **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
6. **Customize Grid Settings** – Adjust options like count, margin, gutter, and color to fit your design needs.
7. **Toggle Visibility** – Use the eye icon next to “Layout grid” to show or hide the grid as needed.
8. **Done** – Your grid is now applied and ready to guide your layout design.