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.
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.
Marshall Wells commented
When creating states a single page can take up a large amount of space. It would be amazing to be able to have a collapsible grouping similar to a repeat grid.
In the repeat grid the object proportions and overall values will change across all of them when one is changed, but different images or text can be place inside the grid and those values remain distinct. What would be amazing if states could be added to a page so that when changing a page the states are changed simultaneously, but layers can be selected to be unique/animation layers. Once animation/state editing is complete the page could be collapsed so there isn't such a crowded pasteboard.
I use XD now for big user journey and i have multiple case.
I think the artboard panel could be enhanced with a manager :
Some ideas in this manager :
- Group artboards in folders or page (Sketch is doing that)
- Possibility to automate a graphic presentation with the name of the folder on the screenview. As we have the artboard name on top of tip, we could have the option to show the name of the group/folder on the left or top(with a bigger font size).
- Possibilty to export the group/folder on one graphic file with title on top or left. Ok the file could be huge but could be useful to print user journey on large poster very easily.
Vlad Malik commented
I would use this to group artboard sequences into interactions or animations. For example, I might have a series of artboards linked with auto-animate. They capture the start, transitional, and final states of a single screen. It would even be nice to collapse them into one item like "Show product", concealing the "animation frames" like: fade in product > rotate and slide in product info or pop-up message > play sound.
It would be good to have a group feature for artboards if you're doing auto animate in prototype mode. For example, if I want to show how the dropdown for a menu works I could group artboards into a "space" or something that would be its own container to organize it. So I could organize menu artboards together that have an animation showing it dropping down instead of all of the artboards scattered about.
Grouping artboards would likely be a more effective solution to Sketch's 'pages' - allowing us to prototype across the groups, but still isolate certain groupings of pages for organizational purposes.
Rob Varghese commented
Voted - only cos I want the ability to hide artboards
I agree completely with this request. Many of the other commenters have already proposed excellent ideas for grouping, labeling, "boxing" and otherwise organizing artboards on the canvas area.
One more suggestion:
- allow me to hide or "demote" a set (or group, or box, or whatever you want to call it). On the canvas, the demoted set might take on a semi-transparent or even desaturated look. This will make it easier for me to visually search the design in progress and find the work I need to focus upon right away.
This would be very helpful when story boarding application workflows.