Skip to main content

In the left-side panel, the pages and layers panels are separated by a single-pixel-thick line. This line is draggable so as to resize the vertical height of the panels.

This is incredibly small, and there is almost no affordance to understand this is draggable. To compound the confusion, the flat design offers no indication that these panels may contain more pages/layers (e.g. a fade out of the pages’ names at the bottom of the panel).

Finally, why does collapsing the layers panel not reduce its height, like the collapsible panels of Adobe’s apps? it seems like there is no purpose to this collapse, since it does not reveal the full list of pages.

This problem is quite annoying when we share our work with stakeholders and collaborators (e.g. copywriters and project managers) that are not familiar with the idiosyncrasies of Figma, and are wondering where all the pages go.

Please find a solution to clarify that these panels contain potentially more than they reveal, and that this thin line is draggable -- and not only by hovering a cursor on that single pixel.

Be the first to reply!