Global/Master artboard templates (pin objects across all artboards)
Ability to have a single object (or group) break out of its artboard and cross multiple artboards within a single prototype. The simplest use case is the creation of a global navigation bar that spans across multiple screens. This object's interactive elements would also work across multiple screens as well, and any edits to this object would update across the rest of the screens.
Easy interaction management and editing. Also provides consistency with consistent elements within an experience.
-
Ian Hall commented
In prototype mode, it'd be great if there were an option to set navigation between multiple art-boards without manually dragging the art-board connections.
User Story:
I want to create a left-aligned webpage navigation area which contains six clickable buttons. Each button on the navigation goes the same art-boards, regardless of which art-board the navigation exists on. I want to be able to edit this navigation area in one place, and have changes apply to all art-boards. I want to be able to right click on an element and choose which art-board a user navigates to from a list.Currently I would need to copy/paste the nav element to each art board, and manually connect each nav element to each other art board. 6x6 navigation = 36 manual connections (my projects are enterprise-focused and commonly have 10-20 elements in a navigation area, each of which would need to be updated and checked each time I add / remove a page during prototyping).
Axure has this feature and it's called "Masters."
-
Matt Torres commented
I agree with other comments here. When I was creating a prototype I had over 13 art boards and when I was done I decided on a change which I had to apply to all of the boards. It would have been better to have the ability to use a master art board. But in my mind it's possible that you would have multiple master art boards because the navigation could look different among different screens. One art board may not want to use the master header. By having multiple master boards I could link which art boards apply to that master board. Maybe use a different color line to represent that boards 1-5 connect to this master A, boards 6-8 connect to Master B
-
Sylvester Aryee commented
I +1 this feature. Particularly for simplifying the prototyping process.
If you have a navigation bar that appears in multiple artboards you'll end up in a pickle trying to keep track of it all. Not having this feature limits the scalability of projects somewhat. Especially regarding artboard organization and hierarchy.
Suggestion
----I'd image you be able to create an object in an artboard (maybe even a special 'assets only' artboard) and in the prototype panel set it as a 'Constant' or 'Master' element.
-There can also be sub-elements in the 'Master' element that you can map to any artboard you want.
If 'fixed position objects' and defined 'scrollable areas' are included this would sync very well with those.
-
Sylvester Aryee commented
@Max Neuse no they're pretty different. That post is similar to editing 'Instances' of the same object. Like if you created a 'style' and wanted to edit it's features across multiple artboards.
-
Anonymous commented
Similar to Muse's Master pages, and library palette, so that there is an A, B, C, etc. to either click on a regular page, right click and select "apply a master page" or drag out from the master page area and place over top the intended page to follow a master. I also Like the library object setup on Muse.
-
Kelsey Hemphill commented
I LOVE this feature from Principle App.
"Animation Mappings:
If two layers on different artboards have the same name, Principle will treat the layers as if they are the same, and will automatically animate between them. If there is not a layer with the same name on both the source and destination artboard, the layer will simply disappear or appear with no animation." -
Josh Curtis commented
As a designer creating a design, I’d like to have the same element showing up in different artboards, so that I can change the style (color, font, size, etc.) of that element globally to cut down labor time for incremental changes.
As a designer creating a design, I’d like to have the same element showing up in different artboards, so that I can change the anchor points of that element globally to cut down labor time for incremental changes.
As a designer creating a design, I’d like to have the same element showing up in different artboards, so that I can change the x and y coordinates of that element globally to cut down labor time for incremental changes.
As a designer creating a prototype, I’d like to change transitions globally so that I can fine tune or change a transition across all artboards with ease
-
Anonymous commented
I was thinking of something similar to Muse's Master pages. You could have a master art board or object that will cross all artoboards.
For example, a navigation bar. It would save so much time if you could specify which button takes you to which page once, and not in every panel in every page. -
MFTDN commented
“As a designer creating a prototype, I'd like to make a common element navigate a certain screen from all instances, so I can simply create the main navigation structure"
and
"As a designer creating a prototype, I'd like to be able to overwrite common element navigation in a specific screen, so I can easily adjust my main navigation structure" -
Capt. Proton commented
Let's use a global header bar that is being used across all artboards. This should be able to be defined as a "proto-object" (symbol or style.) If the proto-object is changed on one artboard, it is modified on all the boards. I.e. If one changes the color of the header bar in one artboard, the new header color mirrors across all artboards with the proto-object.
One would also need the option to unattach a proto-object so that if on one specific artboard a different version of that object is needed, say a different color, it will not be affected by or affect the other proto-object.
And a proto-object should include any selected elements. Like if the header bar had text-based menu items, icons, etc. and they were all selected and turned into a proto-object then a change to any of the nested elements would mirror as well.
-
Max Neuse commented
I think this duplicates https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/12869085-global-style-edits or?
-
Boti commented
Do you think about something similar to a smart object? If so, yes definitely!
-
Rikard Eide commented
I notice I do a lot of copy pasting between artboards (automatic "Paste In Place" s awesome btw). It would be nice if I could right click an existing artboard and do "Create new artboard from this...", and thereby creating a new artboard identical to the previous. The artboards could then inherit from each other in a tree-like structure, so that changes to a parent-artboard would be reflected throught it's children. This is especially useful for changing repeated elements like menu icons, fonts and background colors that are repeated over multiple artboards.