How to Make a Grid in Figma
- George Apostolov
This guide is an interactive LiveDemo. Create interactive demos of your own product: Interactive demo software · Interactive product tours for your website · Start free
How to Make a Grid in Figma: step-by-step guide
Inside your Figma design canvas, find and click the frame where you wish to add the grid.
After that, head over to the right-side panel and click 'Layout Grid'.
Subsequently, tap the 'Layout Grid Settings' icon to make a few adjustments.
Specify your preferred Grid Size, Color, and Opacity Level.
Once done, click anywhere around the canvas to apply the changes.
After completing these steps, the grid will be created and added to your Figma design.
Quick answer: To make a grid in Figma, click the desired frame on your design canvas, select Layout Grid in the right-side panel, and tap the Layout Grid Settings icon. Specify your preferred Grid Size, Color, and Opacity Level, then click anywhere on the canvas to apply the changes.
About this Figma tutorial
Create and customize layout grids on your design frames by adjusting size, color, and opacity settings directly within Figma. This guide shows how to make a Grid in Figma in 6 steps, starting with "Inside your Figma design canvas, find and click the frame where you wish to add the grid" and finishing with "After completing these steps, the grid will be created and added to your Figma design". The interactive demo above is a click-through copy of the real Figma interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to make a Grid in Figma?
6 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Figma data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Figma. Related guides: How to Make a Logo in Figma, How to Make a Pie Chart in Figma and How to Make a Search Bar Design in Figma. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
