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!
Mandar Chaudhari commented
whenever my prototyping or design is finished there should be option to save as or export selected/all art boards to PNG, JPG, SVG. Right now there is option to create assets or save entire file as PDF file.
Yes!!! Please allow the ability to save the entire workflow and not just an option for saving out screens individually. This is a must have feature before I start using the software.
Michael A. Robson commented
Yup! I was looking for this and kinda confused that it wasn't there.
a) Once you get the Prototype hooked up, it could be a cool 'pdf' export option
b) Just letting me grab 20 artboards and drop them on a 'master' artboard and export THAT would be great.
c)Slice tool from Sketch
In the meantime I just named all my individual screen artboards carefully then exported them as separate PNGS, then brought them back into a new file to create my 'User Flows' document to show wireframes to clients. Time consuming but not the end of the world.
I'll also present with a clickable wireframe on the phone but for the client, this document is a pretty important one.
Valerie Zachee commented
It would be beneficial to be able to export all artboards (or a set of artboards) in PDF on how they appear on your screen.
At the moment, I have to export all artboards as PNG and arrange them again in any other application
An idea might be to allow you to add 1 artboard behind all other artboards, and that you only export that one artboard as PDF. If I do it know, the PDF is blank.
It makes it easy to share your thought/vision with developers or other team members before you have to make a full prototype.
Attila Molnar commented
Ah man This would be SOOOOOO helpful!
Thomas Hallgren commented
The annotation layer needs to be independent of the prototype linking layer. My XD prototypes would look like spaghetti. Within the Annotation or "Notes" layer I could imagine it would be a perfect place to add Link-Notes - that might export as connections between artboards.
Not an easy problem to solve. I started the process here, but it requires a deep dive to figure out the most versatile solution that does not pigeonhole the process for all users.
Yes we need this feature. We link everything to create a prototype so it would just easy to export it and not manually typing it.
Yes, please! I was just looking for this feature. Please add it.
Gideon Nieuwoudt commented
I'm really hoping to see this feature soon, as it will be so much easier doing the wireframe flows (dotted lines and arrows) and designs in one app. Our clients need to see an overview of all art boards on one canvas with annotations explaining each screen.
At this stage I am using moqups.com for wire-framing and then XD for prototyping.
Jan Szpakowski commented
It would be great feature to allow export prototype view as map of user flow and I would suggest adding option to highlight different user paths.
That would very usefull in early stages of the project when dealing with user flows and in low fidelity wireframes.
It would be nice to design and keep all documentation in a single tool.
The ability to pin annotations to places on the screen would be great. Other web based UX tools do this, but fall short when it comes to pinning annotations to content that falls below the fold. Their pins are essentially to the "glass" rather than to the object, and it's a deal breaker for me. I'd love to see Xd do this right!
Exporting the PDF would also be nice since sharing designs in the cloud isn't always a viable option.
We need to deliver a pdf containing screens and annotations to clients and developers, in addition to the prototype. Currently our choices are either InVision's generated PDF, or creating our own PDF in InDesign, which is time consuming but necessary since we need to add branding, copyright, date, version, etc.
If we can create a custom PDF template, and then export the entire project (Screens and annotations) using that template as a layout, it would save a huge amount of time.
Would also like the ability to print an A0 sheet showing a flow diagram of prototype. The transition popup could have optional fields for some notes.
Looking for users to discuss this and bounce off some ideas that we have for viewing all artboards and interactions between them .
PM me on hnarayan[at]adobe[dot]com if interested
Meir Benezra commented
When everything is linked in prototype view, we could just export a PDF where XD can export a predefined layout of pages and connections between them. Like Smaply, you design in a certain interface yet when you export it has its own predefined style and fits everything into that style, leaving enough spaces and creating the necessary graphics.
This would be fantastic! I'm currently designing an app and have to do this manually to transfer the knowledge to the development team!!! Hurry and make this feature please!!!
David McEwan commented
Would love this option! Currently having to do this manually for a client to have a very quick over-view of site flow.
Meir Benezra commented
When working for clients being able to share the information architecture (user flow) and the prototype together would be fantastic so that both the business and the technical stakeholders can understand the new design.
Also Creative Cloud online sharing does not cut it as many companies have information security policies that do not to allow any of the work to be shared outside of their own network. So an offline sharing which could open itself in Adobe Acrobat or in a browser would be great.
Would be nice to have the option for exporting an overview page with all artboards on it.
I know there is the option to select artboards for one or multiple pdf files. But sometimes I need a whole overview slide of all artboards. At the moment I have to build this in another program to do so.
looks nice but i don't think people have time to use this in fast pace real world