As the amount of pages and frames grows in complicated projects with multiple designers working with it (like information systems), including conceptual mockups, interactive prototypes, variants of design solutions, states of behavior for developers and so on, it becomes a mess to organize the whole project in a flat page structure.
In past we used another prototyping tool, that helped to organize all the mess with folders and pages-subpages hierarchy. So it would be nice to have something like this:
Probably there are other solutions, but keeping separate projects for interactive demo prototypes, states of the specific pageβs behavior, etc. was ineffective attempt that we tried.
Currently In the Left Panel, under the pages section, I am only able to create one page with not child pages. I find myself creating multiple pages for related features, mocks, etc. I think it would be nice to have child pages in a tree view. I would prefer to switch child pages and not have to scroll around to find the boards I need. Would help with organization.
Is anyone using a plugin or workaround to help solve this?
Describe the problem your experiencing and how your idea helps solve this
I want more real estate to design, I want to be able to toggle the left and right panels. I also want to be able to collapse the styles vertically.
Add as much context as possible (screenshots, Figma files, mockups, etc.)
Clicking on Layers panel on the left would collapse it into an icon on the left, more of a pro create workflow, figma on a tablet.
Put a chevron next to style label, clicking anywhere on style label i.e. βText Stylesβ collapses it.
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.
Also can the side panels change colors to match the canvas color. I want figma in dark mode too.
The Side panel has become very cumbersome and hard to manage large Figma files.
β Would be great to use a Folder type structure to merge multiple Pages in one place
β The split between Pages and Layers on the side panel is a pain.
β On this mockup Clicking on Layers at the top will open try hidden Layers.
Iβve made a quick mock up to illustrate some ideas and get some wheels spinning π
The Side panel has become very cumbersome and hard to manage large Figma files.
β Would be great to use a Folder type structure to merge multiple Pages in one place
β The split between Pages and Layers on the side panel is a pain.
β On this mockup Clicking on Layers at the top will open try hidden Layers. Iβve made a quick mock up to illustrate some ideas and get some wheels spinning π
Putting βpagesβ in the same place as layers makes no sense. They are two completely different user intents. Should tabulate the sidebar (properly) and separate the two, or better yet, give pages a horizontal tabulation and leave layers as-is.
Sorry Man I think you completely misunderstood my Proposal. Never mentioned changing or altering where Layers live. If you look at both Mockups βLayersβ are both in the same exact place. This is all about βFile structuringβ Screens and how Layers are turned on/off. π
I would LOVE to see this feature too! Iβve seen this issue pop up at several different organizations Iβve worked with over the years so this is definitely a common issue.
Please Figma give us this. See attached for how long my various pages are getting. I initially used different Figma files for different parts of the application, but that only ended up slowing down my workflow and making sharing native components harder.
The ability to minimize and group pages based on whatever the user wishes would really be a massive quality of life fix. Please come through for us π₯Ίπ₯Ίπ₯Ί
We really need this feature. Proper Page management system. Would be nice to have a nesting option up to 2-3 levels. + maybe to create a label\tag system for pages.
For example if the Page-UI is ready for devs I want to put a ready for DEV tag there.
Also, our biggest challenge is finding the pages we need. Say you have a meeting and only need to discuss pages X and Y. Everyone has to scroll through the huge list and search these pages. Pain!
So itβd be just amazing if the Figma UX team added Favorites. Again, take a look at the Clover app: favorites Β· CleanShot Cloud
We have one file per project, and then theyβre divided into sections. Itβs been really hard to create hierarchy in the page layouts in the left hand panel.
Does anyone know any tricks to create a form of hierarchy?
Yes. As a view-only user, when presenting/commenting with Figma there is often no need for the code panel. It would be so nice to be able to collapse it.
We use 3 different kinds of cookies. You can choose which cookies you want to accept. We need basic cookies to make this site work, therefore these are the minimum you can select. Learn more about our cookies.