Export overview of all artboards: showing interaction flows, annotations, specifications
I would like to share my full document to my team in order to communicate all specifications I added. This would help them giving a bit more context to the prototype and also be able to see all the different states of a pattern to build.
Maybe save as a PDF file or also online?
We’ve released the Design Specs feature in our November release as a Beta. You can now publish a Design Spec, which will show your developer an overview of the flow and allow them to introspect measurements and styles. We’re working on additional functionality based on this foundation, so I’m closing this feature as completed in order to get new suggestions as to what specific additions you’d like to see to the Design Specs feature.
Please also note that we now have a new feature area called “Design Specs” in UserVoice, so please file new feature requests there! As a reminder, please file one suggestion per UserVoice submission so that we can better aggregate!
-Elaine
-
J Scranton commented
Yes. This request is exactly what I need now. Please make it possible at the very least to export the entire mockup as one SVG or PNG to share with others for team meetings.
-
Voravong commented
One task that really necessary for UX and also UI designer instead of creating interactive mockup is to create screen-flow and print out to A4, A3, or A2 paper. This is very important for team meeting and also presenting the UI to stakeholder by this reason if Adobe can support this task its mean Adobe XD can gain the advantage over all of the UI app in the market.
-
Michael Pierce commented
@elaine I'm fine with merging if you can still solve for using it for drawing shapes and connecting them with lines with various arrow ends. I'm not sure if this is would be best as a view or just allow people to have more control with the line tool and endpoints. Try out omnigraffle to see the line/connector tool
-
Pavel Benes commented
If there's an option to see all connections from the prototype tab (with addition of being able to attach notes to interaction arrow in future) it would be all I need.
-
Chris Constantine commented
I posted this comment on another feature request thread, but this seems to be a far more relevant home for it...
The current commenting facility is very similar to sharing PDFs for feedback. I can see its uses in getting feedback on prototypes, but not related to the much used annotating methodology used by designers.
This wouldn't be something I would expect to see when sharing or testing a prototype, but is a layer of information for those wanting the detail of how it all works (especially the devs). A typical example would be the classic wireframe where numbered annotation dots overlay the design and the annotations sit to the side of the canvas.
So, can Adobe imagine a workflow where the file is packaged up as a multi-page PDF of canvasses carrying an annotation layer? Better still, could the clickable prototype carry an annotation layer that the user can switch on or off – possibly a feature only available on desktop monitors where space allows?
-
Mansoor commented
It would be very useful if we can export user flow map. the lines now are not not mapped clearly, and get confusing when the app gets complicated.
-
Taylor commented
Interesting! Does that let viewers of the project interact with the "live" prototype?
I guess what I was looking for is a replacement to the screenshot method, meaning being able to push imagery of either individual screens or the landscape as a whole (in design view) and then that same "zoomed out view" of the prototype screen so people can see the mapping paths.
-
James commented
Object level or would art board level work? https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/16974259-annotations-in-design-mode
-
Rick Bergmans commented
I'm working on a wireframe for a project, and it would be very useful if i could add annotations to objects. In that way I can explain to my team members what function an object has very easily.
-
Anonymous commented
How about adding an option maybe in Prototype view to export the entire canvas with all artboards and links to show the flow map? Would be great for UX, Dev, and maybe some clients.
-
Taylor commented
Will there be integration to Behance/Adobe Portfolio for sharing/publishing projects?
-
Michael Pierce commented
Diagramming with arrows that can be drawn from one shape to another to support things such as Mind Maps, IA Diagrams. Agree they need to understand about line-hop and should support many of the ways OmniGraffle works
-
Doug Oberndorf commented
With a quick Google you can find images such as the ones attached. They are artistic representations of what XD is doing for us with the wires connected to all the buttons. In order to create these images, you must export all the artboards, and then import them back into Illustrator/Photoshop. Then you must lay them all out and create the artistic wiring as well.
It would be nice if XD had the ability to export an "all artboard image with the wiring," or a "single artboard image with it's accompanying wiring." I have seen a feature request on here for different color wiring. This idea could expand on that.
This idea could also be changed a bit. Instead of exporting an image with wiring, it could just be re-opened in Photoshop/Illustrator with a blank/empty background layer, all artboards on one layer or separated into individual layers, and the wires on another layer.
It could be changed in other ways as well. For example, options could be added such as....what style of arrow do you want, what color of arrows (address in other feature request), are they overlaid on top of the buttons or behind the artboards, are they curved or 90 degree angles, etc.
This is needed for various reasons. Anyone creating a portfolio needs to show those connections in an interesting way and this would save time and effort. Anyone who is doing the programming will need to reference the connections visually. Anyone testing it can use the visual aids alongside their testing to help diagnose issues or misconnections that arise.
Thanks for thinking about it!
-
Gideon Nieuwoudt commented
Yes please - I would like to do a full canvas export with all screens on one pdf with stipple lines to show the flow from one screen to the next.
-
Vicky Dhanwani commented
Have functionality to create flow chats with text & annotations to build Sitemaps & User Flows quickly.
-
Michael commented
I'd like to see an overall flowchat but also each screen on its own page with annotations for reference.
Bonus points: ability to add a header/footer to the pages like a master page in InDesign so that a full PDF is generated for easy hand off.
-
Anonymous commented
It baffles me that there's no way to create diagrams that explain flow/IA in software designed to mockup UX
-
Anonymous commented
Able to view all interaction links between objects and art boards, and export the whole file as one image that includes the interaction links which allows the exported file to be used as flow diagram.
-
Anonymous commented
Allow flow arrows to be added between artboards, and able to export the entire file into one image, including these directional flow arrows and any instructional text outside the art boards.
-
Michael commented
Yes please! Top Feature Request!