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!
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
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.
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