Hide Specific Frame's Layout Grid

I would love a way to hide a specific frame’s layout grid. Currently, you can only turn all grids on/off or you need to remove a grid from a specific frame to hide it. I’d love to be able to preserve a frame’s grid, but temporarily hide it.

My use case is having an overall grid for a page, but then creating another grid for a child component. It can be hard to see what frame each column belongs to.

figma-layout-grids

1 Like

One option here could be to change the color of one of the grids to help differentiate them.
Another option is to use a plugin to turn your grids into layers that you could then hide/unhide. There are also plugins that can help create grids via rulers or other shapes.

Hope this helps. :slight_smile:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

  1. Describe the problem your experiencing and how your idea helps solve this
    When I use the :eye: icon to show or hide a Layout Grid, I believe this should only show or hide the Layout Grid on the selected Frame.

Currently it shows or hides Layout Grids globally (i.e. functions the same as CTRL + G) which I don’t feel is correct. In fact I think it’s a little limiting given you can have multiple Frames within a master Frame each with their own Layout Grid (the result is you have a lot of overlapping grids and it’s hard to distinguish one from another).

Personally I think the global control for showing and hiding Layout Grids (CTRL + G) is separate to showing and hiding individual Layout Grids.

For example, let’s say I have 3 x Layout Grids applied within a Frame and some nested Frames. And let’s call the Layout Grids: Grid A, Grid B and Grid C.

The first thing I want to be able to do is hide Grid A and Grid C and leave Grid B visible.

The second thing I expect is for the global control for Hide/Show Layout Grids to respect the selections above (almost like how Showing and Hiding Rulers respects the Rules I’ve already drawn).

  1. Add as much context as possible (screenshots, Figma files, mockups, etc.)
    Here’s a gif which sort of shows what I’m referring to:
    20220203-1424

  2. Ask questions to bring the community into the conversation
    (e.g. Does anyone else experience this? Is anyone using a plugin or workaround to help solve this?, etc.

8 Likes

I have exactly the same problem. I cannot toggle individual grids. Hiding one in the inspector panel hides all.

2 Likes

:+1: Our team is starting to work with grids but the way the toggle “works” (or I’d say “doesn’t work” as it seems more like a bug than a feature) and this is annoying.

Is there hidden functionality to allow grids to work in a way that makes sense? Why does toggling one frame turn EVERYTHING on?
If that’s an expectation it should be somewhere else, nothing else in Figma behaves this way. Turning on a fill for a frame doesn’t enable all hidden fills. Why do grids do this? :angry:

1 Like

I experience this as well. It’s very frustrating.

3 Likes

+1! Seems like a bug more than a feature!

Having a global on / off is great, but it should respect how they’ve been individually set on components.

Very irritating.

2 Likes

Have show/hide individual grids (eyeball in the right sidebar) NOT toggle ALL grids… keep Ctrl or Shift +G for that.

@Josh solution while appreciated, isn’t ideal.

Please vote! This is super frustrating and has been mentioned elsewhere:

https://forum.figma.com/t/toggling-a-specific-layout-grid-in-the-inspector-shouldnt-toggle-all-grids/14104

1 Like

Brilliant explanation and illustration. Cannot believe after years this meagre quibble hasn’t been resolved!

2 Likes

This was in 2021…and now is 2024, Figma still not seeing this as an improvement. I really hope Figma can let users just seeing individual grid if they need to during the work.