Annotate on the desktop surface for UX flows
As UX, I would like to add page and object notes for my engineering and QA teams. These notes should be visible in PDF exports as well as in the online prototype. See proposed feature UX Design Prototype Link.
The current Design Spec capabilities are helpful for communicating how a design looks, but not how it works. We need the ability to provide this information in some way...commonly done through annotations like this.
Communicating what the default value of a control should be, does it have hint text?
Under what conditions is a control disabled?
Describing conditional logic. (Button goes to Page A in one case, Page B in another).
Historically, this has been accomplished with simple notes on a spec. Design specs in XD would be more valuable with some way to communicate that information.
Was looking for a possibility to add notes and be able to export it to pdf / jpg without using additional software too.
Thomas Hallgren commented
As UX I would like to “hang” IX notes between artboards. Like Notes, but I would like to be able to output the entire layout like this with lines connecting objects, boards with notes in a single PDF for engineering. This would eliminate my need for Omnigraffle. See this excellent example: https://uxplanet.org/an-introduction-to-interaction-flows-a4f783402529
Holger Winnemoeller commented
When creating an artboard, I want to add comments indicating their use and provide additional information. I don't want to add these to the artboard themselves, as this hides the actual content. So, I write comments next to the artboard. Sometimes I want to have arrows to associate comments with artboard content, but as soon as anything touches an artboard it becomes part of that artboard (and is therefore clipped outside the artboard area).
A good solution might be to be able to allow for artboard content that is not clipped by the artboard... Or to allow for pasteboard content to reach over an artboard without automatically being assigned to it. #pasteboard #comments #notes
UXPin pins their annotations to the "glass" rather than to objects, so if your project has scrolling you can't pin to items that are outside of the initial area before scrolling. I would love to see Xd do this right and allow you to pin to individual objects.
But other than that, UXPin is a great model for how to enable annotations. Just an entirely separate mode for Documentation, just like how you move into Prototype mode in Xd.
I forgot to include the link to the video about UX Pin annotations in my previous comment:
YES. Annotation is something that is a consistent pain in nearly every design program. Having prototype and design mode in the same program like XD does, puts it in a unique position to completely revamp how UX designers present projects.
Currently I have to copy and paste my annotations from underneath each Sketch artboard into a PDF, and into InVision.
I would take a look at how UXPin formats their annotations. It's very good.
In addition, being able to generate a PDF from the prototype with screens and annotations, in a custom layout would be amazing. I'll create a separate request for this.