How Do You Hide Grids in Figma?

Figma is a powerful graphic design tool that makes it easy to create professional-looking designs without the need for coding. One of the most useful features of Figma is its grid system, which can be used to create precise layouts and keep elements aligned.

However, in some cases you might want to hide the grid, so that your design looks more polished and professional. Fortunately, there are a few simple steps that you can take to achieve this.

Step 1: Disable Gridlines
The first step is to disable the gridlines in Figma. To do this, you need to select your frame (or artboard) and click on the ‘Grid’ tab in the Properties Panel.

Then uncheck the box next to ‘Gridlines’. Once this is done, all gridlines will be hidden from view.

Step 2: Resize Frame/Artboard
If you’re working with a frame or artboard, then you can also resize it so that it doesn’t show any of the underlying grid. This can be done by selecting the frame/artboard and dragging its edges until they match up with the edges of your design. This will ensure that none of the underlying grid shows through.

Step 3: Align Elements Manually
Finally, if you want your design to look really polished and professional, then it’s important to manually align all elements within your design. The easiest way to do this is by using Figma’s alignment tools located in the top toolbar. These tools allow you to quickly line up all elements relative to each other or relative to an anchor point.


Hiding grids in Figma is a great way to make sure that your designs look professional and polished. All it takes is a few simple steps such as disabling gridlines, resizing frames/artboards and manually aligning elements using Figma’s alignment tools. With these steps, you’ll be able to achieve a clean look for your designs without having any distracting grids show through.