Ability to annotate parts of the designs for handing off and Pattern library for designs assets, colors,typography
As a UX designer, one of the most important information while handing off designs is ability to explain each component in your design. Functional annotations like ON click of this button slide this page or specify error conditions or text or color changes that occur when the user interacts with that component in your design. It would also be really helpful to have a pattern library that has colors,typography,assets,customized designs that can be used to help design and prototype faster and maintain consistency in the entire experience.
UXPin has a great way of annotating designs. Its a separate tab that allows developers to view the design, annotation and style guide separately. Attached is an example of UXPin does it and having this feature on Adobe XD would be great! We use Photoshop and Illustrator for our design and Axure for prototyping. But with Adobe XD all of this can be done using one software. If Annotations and Design specs are included it would greatly help reduce the time we spend on spacing out every detail and changing it often.
Caroline Sober-James commented
I completely agree that the ability to annotate designs and provide further information to developers is critical. About the closest thing I can see that's baked in to XD is pinned comments, and we shouldn't be mixing comments with annotations. In the design view of a prototype, I want to be able to go into an "annotations mode" or something like that where I can drop a pin on to an object on any artboard, have it auto-increment a numeric ID, and allow me to enter an associated annotation. When I'm reviewing that prototype in design mode, I can go to the annotations panel and hover/click on an annotation to see it "light up" on the artboard. Even better would be optional tagging of annotations, so I could filter annotations by tag.
Kate L commented
Annotations are essential for complex sites and applications, where the developers and stakeholders need more explanation as to the intended functionality. I often have multiple options from a single screen and can't demonstrate that with a prototype alone. Annotations would add another level and negate the need for this to be done manually, or via a less than efficient workaround.
Rica-Marie Garcia commented
It would be nice to add text or section titles for multiple screens. So I can show my developers which screens go in the section; in design spec mode. Currently, I am creating a new artboard just to add text. Attached is a screenshot.
Joseph Kim commented
As designing and working, I always used to add specific UI description beside artboard.
In that sense, I've liked to use Sketch notebook pro and powerpoint because writing policy in the UI document is really important for exact communication with developer and planner. (Prototyping cannot cover all kind of policies and interactions)
Even if Adobe XD may not be targeting document tool for designer, I've always wanted to take the note and description in design artboard. Especially Korean ux designer have had no choice when writing description (we've used powerpoint almost 20 years)
Thank you for your consideration.