Stacking or grouping artboards into collections
Stacking artboards can help to clear space for working and rearranging artboards.
Also we can stack artboards by size or type.
Voting to request adding grouping artboards into collections. Implementing this would be more useful and satisfying.
Organize the screens into different folders / sections in a prototype. Currently all the artboards are shown in one single view. It becomes very hard to find the required screen immediately. If there is an option to organize the arboards into different folders (onboarding, admin, etc) it will be easier to find an individual screen.
Something like Frontify folders, Invision sections or Marvel sections.
Yeah Pages or Stacks, some way of organizing multiple iterations or different flows or related parts of an app would be super helpful.
That’s a great idea to collect specific artboards into groups. But the canvas has to be taller, infinite or flexible then to manage this ...!!!!
I like the Sketch organization with the possibility to organized your artboards in different pages to reduce the tons of artboard in one page.
Josué Sotelo commented
We need tools for Artboards. Currently I'm designing a big platform and I got more than 130 Artboards, there is like 80 that I am actually working on, but I don't want to delete the Artboards that I'm not using, It would be awesome either:
1. The ability to have an Archive folder and put all artboards there
or 2. The ability to create folders and hide the folder in the artboards area.
It would be very helpful if we could group artobards into squares, assing background color, and a BIG title - helpful to get a macro vision of the project! Take a look at the attached image - I did the squares with Artboard tool and made them colorful.
Tommy Owen commented
Yes!! VERY needed... I work on projects that can sometimes consist of 100+ artboards.. it becomes a job in itself to keep track of where everything is when zooming out. Good recommendation!
Please consider this. Organizing features all into one limited workspace is difficult! would love something more like Sketch offers. Different workspaces within the same document
Yes, please! It's going to make my projects so clean and organized!! All designers are slightly OCD (or a lot OCD) and we need everything to be super organized and clean in order to get motivated to work on a project. Grouping artboards would be an absolute dream for my OCD tendencies!
Jens Klang commented
Please fix artboard groups or pages. Right now i have to use separate artboards just to keep track of the artboard groups. Best would be pages, that you could link too. And deep link to a specifik artboard on another page.
Stefanie Satake commented
My design team is moving from Sketch to XD, and the only thing that is making us suffer is that isn't possible group artboards to make the project more organized. Thats the only thing missing. We pray for it every night!
Thibaud Van Vreckem commented
This would also tremendously improve the new shared project's grid view.
In Unreal Ungine Blueprint system there is really great organizer which you can add comment (or title) and color, sample down below:
Jerry Wang commented
Support group artboards is very useful. I have 50+ artboards in my prototype, have to spend lot of time manage them.
Edu Couchez commented
Each time I add a new artboard in complex projects, it gets worst to manage and view in high zoom views.
It means, that the time needed to interact, move and modify increases exponientaly (and manualy update one by one screens, a task of days)
That's why I propose to add tools to improve the management of big projects with lots of artboards. Even, some way to reflect artboard names.
If we can stack artboards, this will allows us to have all interactive overstates necessary to illustrate interactions inside multi-state process and different states for elements and groups.
When we open the stacked artboard, we see the boards inside and everything else outside the stack is still visible in the background, maybe gray-scaled and slightly blurred, just not to be in focus.
Preview 1 and 2 show stacking of multiple boards.
Preview 3 shows how the rest of the boards on the canvas are out of focus and with a little bit blurred in the background when you are working with stacked board.
Stacking can also work for: Symbols [multi state - tab-bar, menu-bar etc]
It can also work for groups. Having multiple states is something common. It's like internal interaction. Instead of having separate board just for this interaction.
Gregory Fitzgerald Phillips commented
I have read through the majority of the comments. I have had this same issue when using Axure RP. Even the grouping(Folders) did not help in complex prototypes. There does need to be a process which the Artboards could be arranged in a multitude of user flows and three key ones for me would be the following:
- Presentations (Selected View of chosen artboards, still retaining micro interactions if used with animations)
- Review (Brainstorming, Ideation, Critique Reviews with Clients/Team Members)
- PDF export (Similar to Illustrator when given the capability to choose pages, sections)
Ross Bentley commented
YES yes and yes. I'm working with projects that have over 60-120 artboards, and about a quarter-third of those are repeated artboards needed for auto-animate transitions.
Thus, my biggest feature request:
!!! Grouping/organizing artboards, both in the layers panel and in the workspace. !!!
My user-flows get ruined when I want to add animations, so I have to use other programs like Sketch or Overflow to create user-flows that clients and colleagues can easily understand. This often adds over 4 hours of extra work when it should already be done, as long as I am organized and disciplined throughout my project creation. I can't actually believe Adobe doesn't have this feature yet, seems like a no-brainer.
The ability to "group" auto-animated screens would have a major impact when designing a full fledge system.
Example: collapsing 5 animated button interaction art boards into "one" simple and expandable board when needing to view or hide all animated screens.
This would help better organize the overall workspace and flow since animating buttons, scrolling areas etc can take up large amounts of space due to having multiple screens for simple but more advance micro interactions.
Staying organized is the one of the most important things when designing so
having a feature like this would be greatly appreciated by the community I believe.