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!
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?
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.
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.
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.
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.
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.
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.
It baffles me that there's no way to create diagrams that explain flow/IA in software designed to mockup UX
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.
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.
Yes please! Top Feature Request!
We have been struggling with with creating flow diagrams that way too time consuming in Illustrator. However having Illustrator is more effective to show screen details as the project progresses. We use Axure for prototyping but if we could keep everything in Adobe it would be prefered. Axure is just not good for getting quick high-res prototypes. Please, please add flow diagram tools to the product. At this point we are stuck with purchasing Omnigraffle since at least it plays with Illustrator.
Mi voto para esta funcionalidad!
Todos los diseñadores necesitamos simplificar y unificar funcionalidades dentro de un mismo programa.
Por favor Xd team, hacerlo posible cuanto antes mejor :)
I'd like to add a comment here with an example. I always start a website development process out with some sort of outline. The ability to start in XD at an outline level would make it the very first tool I would open, and I'd be able to work with XD through the entire design process. Part of my process after the outline includes sharing overview sites maps - the current drawing board view just does not work as a site map showing connections etc. I put together a rough idea using three screen shot elements of tools I've used on projects. If you can get this under one roof you will have truly accomplished something! http://3.1m.yt/9GrtZ2W.jpg