Expand/Horizontal scroll the layers/libraries panel

I was about to post the same feature request. Need this badly.
See ↓

3 Likes

I’ve been tinkering with the layer panel for a while now. I have a few observations and suggestions.

Observations

  1. Organizing files. Users have often used blank pages as an hack to create a structure for organizing their files in the layers panel e.g. title and dividers.
  2. Horizontal scroll bar. Item names sometimes expand beyond the width of the layers panel. Although, the width can be expanded but that - expanding and reducing every now and then - can be quite stressful for users with smaller screen sizes.

Suggestions

  1. Organizing files. Include features to add title and dividers in addition to pages.
  2. Horizontal scroll bar. Include an horizontal scroll at the bottom of the layers panel.

Let me know what you think in the comment section.

Hi, Does anyone else think that nested layers take up way too much width in the sidebar?

Problem
When working on laptop with limited screen space, nested layers start getting unusable once they go past 4-5 levels deep. You either expand the side panel and lose ‘design’ space or use ‘Interface scale’ = reduced UI readability IMO.

Suggested solution > Compact Layers Mode
Provide an option to disable the ‘margin-right: 8px’ on the nested indents.

Video example
Disabling 1x CSS element gives you a lot more room:

1 Like

I have also faced the same issue!

Legend! A++

Now if this can only be implemented by Figma as a setting.
Or could this be done with a plugin + hotkey combo to run this script?

I second this! I reached a point where some of my components are nested to the point where I cant read what it is, and not having a horizontal scrollbar makes it hard to see it. The expander for the whole left panel only goes so far, and I apparently reached the point where i have too many layers and drilling down with the expander to its max horizontal width still wont show my component names. Sharing screenshot.

It would already help to not limit the resizing of the left panel to 500px. It’s such a small change that would lead to less frustration.

3 Likes

Unfortuanetly not, as Figma Plugins have no way to change Figma’s UI. And my solution is already super hacky. We need to make more people aware of this problem so Figma prioritzes this problem even higher.

I’ve updated my script. You can find the new version in my original post (userscript is updated too!). The new version fixes some visual bugs, also removed horizontal scrolling activation, due to more investigation is needed.

1 Like

Ow I really need horizontal scrolling, now more than ever. In the applications we design we have a lot of nested components and a lot of tables like designs. So that means a lot of nested layers to open to find and see that I have the right layer selected and to see how the layers are structured. In some cases, I can’t expend the layer panel any wider and can see all the layers. So you know… I can’t really see what is going on… That is not relaxed. Drives me nuts.

1 Like

Is there a keyboard shortcut for opening and closing frames/groups/sections/auto layouts in the sidebar?

I want to use the keyboard more and it would be helpful to be able to do that so that I can manage available space efficiently.

image

1 Like

2.5 year later…

6 Likes

For the love of God, a horizontal scroll in the left panel. The panel only opens up to a point and does not show anything else, not even the lock or view icons.

3 Likes

is there any progress with this? it’s a major pain with an easy fix

2 Likes

please ?

@miggi could you consider making this poll a little bit seen amongst your timeline to be voted by others having the same issue ?

1 Like

Pls support a horizontal scroll in the layers panel.:pray:

2 Likes

I couldn’t believe this feature was not there. I thought I was doing something wrong. It seems so obvious. To see that this topic has been open since 2021 is crazy. Please Figma ppl, solve this issue as it makes it impossible to work with complex components.

Hierarchies get deep and dragging to increase the width of the sidebar is inconvenient.

1 Like

May I upvote this request by all my fingers and some borrowed ones?
It is really frustrating not seeing the layers when you design complex applications. Horizontal scrollbar would solve this for everyone …

1 Like

SERIOUSLY! This is a productivity killer for me (us). I’ve been posting about this for well over a year. This seems more like a bug-fix than a feature request since many of us are unable to view/navigate a deep hierarchy of nested components in a fluid (responsive) layout. This isn’t a “nice to have”, more of a “must fix ASAP”…!