Add UX Notes mode (to Design and Prototype)
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.
It is unbelievable that this feature has not been implemented yet.
As a designer many a times i'd like to add a note on a specific component (like Axure used to allow) which i'd want the developers to pay heed to. Waiting till i publish the design to pin & add that note seems a very tedious process. These notes can appear once i publish the url & design gets shared. Much like annotating the design while i am creating it.
Enable inserting comments in the design like in Excel or Acrobat. Notes &/or comments create dialog about a specific design element without having to draw text boxes and lines to the point of interest.
Priya Harmalkar commented
First of all, just wanted to say co-editing feature is the best. thank you.
Is there a way to leave comments in Design mode? It would be great if the users (of that shared file) could save comments for each other.
A free plugin solution for now: https://designwithfocus.com/#features
Add annotations directly to your design files
Focus is all about adding annotations straight to your design documents. This means that all your notes, ideas, tasks, feedback and whatever else you want to jot down stays relevant and never gets lost again.
All your annotations are safely and securely sync'd to Focus so your data is all in one place.
This would help a LOT, otherwise I have to leave marks on the design itself which is really frustrating.
Amir Aghaei commented
This would really come handy. I currently have create separate doc to put all the notes about everything.
Now I make notes in the online prototype, but when you make a new link, the notes are not copied with it. This is unhandy, when I make a different version of the design for example, like a dark mode version, that need to have the same notes as the light one.
I've updated the panel plugin for notes using React if anyone would like to contribute. Github repo has XDX file for installation.
The plugin was also just accepted by Adobe! It's available in the plug-in manager as Spec Notes 1.
Yes, please add this. I need a way to create notes for the dev team.
Mike Britton commented
I support this idea!
If anyone is interested, I've started building a plugin for adding a Notes panel for Artboards and Groups. It's in the early stages, but I hope it can be helpful to solving this issue.
Great and fantastic! It should 100% be like you designed it! You should take a leading position at Adobe!
+1. We're finding not being able to add functional spec into the design problematic for our workflow. Using the commenting functionality to do so in Review mode, doesn't work as final decisions can get buried down in the comments.
As designers we need to be able to clearly articulate final spec separately. Being able to do this in the context of the design/wireframe as annotations is invaluable in conveying these to developers.
This seems to be an obvious missing piece to making XD a more effective collaboration tool.
Is there any update as to whether or not this is on the product roadmap or being evaluated as a feature for inclusion in future versions?
Christopher Rider commented
Making a distinction between designers annotations and reviewer's comments is important.
Designer's annotations should appear alongside reviewer's comments in the web prototype, but should persist when a new link is generated. Agree that this would make most sense as a third view (i.e. parallel with design and prototype modes)
Anya Trounce commented
ABSOLUTELY. Great feature, would love to see it ASAP.
Toby Rubinstein commented
To allow designers to make comments related to development/copywriting/interactions etc. as they're designing, without having to share for review, wait for it to upload and then add comments in the online link.
WE NEED ANNOTATIONS!
Some way to hide/unhide a notes layer of some sort for developers to see, when they review what we export for them from XD.
When designing in Photoshop, I include a lot of info/notes for devs - I export a clean, pixel-perfect version of a page and also the ConDoc (Construction Documents) version that may have tons of notes and arrows all over it.
The artboards and prototypes are great, but as a UX Designer who works with both local and remote developers, a lot gets lost in translation. The ability to add notes to both design specs and prototypes to entire art-boards, as well as on specific objects on those art-boards, would be amazingly helpful. Not only would it give me the ability to call out animations (particularly when 'auto-animate' is not animating everything on the page as intended), but it would also allow me to call attention to specific nuances that developers may not notice when moving quickly through the specs. It would also allow me to note specific conditions, use-cases, etc. I also love the idea of being able to share prototypes/specs with OR without the comments (as suggested by another commenter on this post). So when I'm just presenting to the design team, the view is less cluttered/distracting.
Also, it'd be ideal to have an export option to include/exclude notes by category (not just always include) because sometimes when routing a project, one team needs to see all notes while others should not see any notes.