Skip to main content

Page dividers or spacing? 🤔 Cause this hack to use a page to fake it is in 99% of all Figma files I’m in.



Does anyone else experience this?

From:

twitter.com

I think it would be better if it was possible to create not only pages, but also folders inside the file for the competent organization of pages 🙂


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.




  1. 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.







  2. Is anyone using a plugin or workaround to help solve this?






  1. 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.




  2. 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.




  3. 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.




It would be very useful to have the ability to create subfolders to group and organize the pages.


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 🙂



Making child pages and folders in the left side page panel will help you in page segregation and to maintain pages in respective folders?


If yes and want this feature, Do comments and share.


Example:

unnamed


It’s good to have a feature


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 🥺🥺🥺



C’mon! This benefits your core product experience! Do it already!! 🛩️ 🏔️ 🤯


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.


Thanks to @Gleb for pointing out this thread 👍


Yes, this is a HUGE issue. I mentioned this in my tweet https://twitter.com/IvanCucer/status/1420819839531339787


Here’s an example: pages · CleanShot Cloud


As you can see my workaround is the arrow icon + space. It works but…


I’d suggest the Figma UX team to take a look at the Clover app https://cloverapp.com/ I think they did an amazing job: pages · CleanShot Cloud


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


That’s it 😇


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?


Would like to see this feature in some future version:

Expandable folders for Page-panel to group pages


+1 for folder structure


And please please please do not forget to use this hierarchical view in the Prototype “Navigate to” select! 🙏


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.


Really need this feature!!! 🙏 🙏 🙏 🙏 🙏


at first we used icons to distinguish between pages … but now there are too many of them and now I just dream of folders or some kind of hierarchy


I want to order my pages better in figma. this is a concept i have made.


CONCEPT FIGMA|690x263


@Figma_Support


Reply