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!
Irfan Shaikh commented
I strongly feel that if we have this feature it will be easier for us not to use Axure ;p. This will make it easy for us to design architectures and then work on the prototypes
Patrick Cartelli commented
We generate UI specs frequently and I would love to see annotation tools like I have with Axure. Add a note to the page and allow me to export a document with annotated screens next to the comments in a neat table below that. Once our UI spec is done it is a very handy document to give to the developers.
this is a must!
Niche Pear Chathong commented
This is what I was aspecting for when I've heard ADOBE EXPERIENCE DESIGN
Flows are everything. It helps us see the connections and relations.
My expectation is for web UX purpose. They might included:
- Exporting the whole flow on the workarea; this might be a complete flow over "information architecture" of the site.
- Exporting the flow of one page. So when we focus on the specific section. This feature will help the clients understand in a few second.
As I am looking for web UX purpose: I am strongly recommending for (1)Flow Export and (2)Global Editing. Then XD will be completely a one-stop tool for this task.
Fabio T Garcia commented
This feature would be helpful to we explain to the client the entire project. We really need it.
As a routine for UI designer after they finish wireframe designing
they need to rearrange the screen as a flow with or without condition
in all or specific section to present the UI flow to other party,
this process need a lot of work hour to finish, so if we can do it automatically with able to edit header and footer personally that
will be some advantage key which really fit for UX development
and make our life better
chuong huynh commented
This would be a great addition to XD. I am currently using Indesign as my prototyping tool. I use it to showcase interaction as well as annotations and saving it out as a pdf. It would be nice to be able to select certain screens to export out as a pdf and bring it into indesign to do the annotations or better yet, find a way to do the annotations right inside XD and export that out as a pdf presentation.
Charles Plath commented
Maybe even something like this, where it generates simple states and connections like we've seen in some documentation:
Stefan Freimark commented
Sounds useful, but I think it needs more than just selecting the start and the end screen. If a user could click/touch on multiple shapes which are linked to different target artboards, how should XD know which specific flow you've meant?
Stefan Freimark commented
I was about to file the same feature request. In addition to the current behavior, I could use an export option that exports the whole canvas, all artboards, into one large, single-page PDF. This could be useful in meetings, projecting the PDF (if we don’t use the sharing feature). Or even printing the whole thing using the poster feature of Acrobat Reader (yes, printing is still a thing).
Rick van Amersfoort commented
Yeah, so just to be clear. I want to save my full document (see thumbnail) as a file that I can show to my team.
I mean to say , I shared in Project Comet Feedback forum. Sorry for confusion.
Instead of exporting entire flow , what if we can get a functionality where we can export only particular flow.
for example - We can select a particular screen as Start screen and end screen, and functionality will allow us to export only that flow in PDF/ PNG.
I understand, we need to complete our prototype flow before it. This functionality can be in Prototype mode itself or a part of export function.
It will help us to share and discuss on particular flow with Customer/ team, instead of entire flow or document to avoid confusion. Also will help to create guideline or respective document.
(Already shared this idea before in Private beta version)
I want the export artboards to also be placed in one big artboard so clients can see a bird's eye view of the layout. And also have lines to show how the pages connect!
to help you get an idea, I have copied a couple of examples from my recent projects on dropbox to view, we create these files in Adobe Indesign.
We add comments to the designs which are outside the art board space. We also show case arrows to highlight a zoomed view of one of the features on the UI. It will be great if the pdf can let us export the entire workspace as one large pdf printout which can be printed on a huge poster. We do this a lot in indesign, since we have been using indesign for UI mockups.
These printouts let us showcase the designs to Devs, PMs and other designers to get feedback etc.
This would be really useful to review the flows during meetings and also easier to split them into tasks for programmers.
Soni Makarovic commented
As an UX designer I need the ability to export screen flows all in 1 page (board). This mean if I connect screens for prototyping I would like to have the ability to export/save the whole flow with the connections visible to an one page PDF.
Rick van Amersfoort commented
Yes I mean I would like to save my full workflow as one big document. I'm currently also adding specifications / annotations next to my artboards. So if I can save my complete document as 1 file, that would be great :)
Yes! Sketch does a very poor job of multiple artboards embedded into one main artboard, but they do offer it. I will not use XD for wireframes until you have it.