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.
Timothy Dungan commented
This would be great for adding notes about animations that have to be built into the pages but could never be supported in XD itself.
William Ford commented
Absolutely need this! There are so many methods I use to create graphical work in designs that requires back and forth with front end developers to ensure it's displayed 100% the way I intended. A lot of this could be avoided with having notes on elements.
Scott C commented
Acrobat already has a comment system similar to what it seems like is requested for this.
- Have the ability to right click on a UI element/symbol/grouped object/artboard etc and add a comment
- Able to see on the layers panel next to the batch export icon weather the object has a comment on it.
- Show who did it and when a comment was made, (may want to include in that timeline feature that's currently being worked on).
- Add the comments to the list of comments on the Design Speck layout.
- Automatically add a "pin" element on the object the comment relates to.
Also it would be great if I could insert a link int this notes/comment field. For example if I'd like to add some examples or link to my spec document, it would be useful if link is link, not plain text.
Justin Straver commented
This sounds like a great idea. Currently, I'm making artboards in between my artboards with the number of the user story (VSTS) the design is connected to and a status(done, in progress, etc). There must be a more convenient way to collaborate between design and development.
I would love to have this feature. It would be super helpful for internal and external collaboration with UX designers, developers, PMs.
Jeff Swartz commented
This would be very welcome. Simply attaching notes to an artboard would be super helpful at this point. When presenting to clients I often find myself using XD iteself and just dropping text notes outside the artboard for later.
Just use the comment feature of the online prototype... ?
Would it be possible to have sticky notes like they do in Balsamiq? Just drag them on and put your notes in.
Adrien Dubois Ahlqvist commented
I love the way you proposed it! This is a big pain point and that combined with the lack of integration between the shared prototype and the prototype makes this the obvious next step!
Great idea. Something similar to InVision.
Bruno Alves commented
Amazing idea! It can be very useful both for keeping specs for devs and also making presentations to clients.
Matthew Lewen commented
As a developer it would be great to have designer defined descriptions for elements on the wireframes/prototypes. Not comments per say but rather interaction annotations defined by the designer describing how this element is meant to function when a action such a top or how a element transitions from one state to another.
This would exist in the shared design specs/protoype.
Azure's element notes & web publish tool is a good example of this and my team uses this at work all the time for developer handoffs.
It provides both a visual understanding as well as a descriptive understanding of how the UI should function when coding it up.
It would also be nice to comment on said notes to ask questions or suggest feedback.
Thanks MaMaLy for your suggestions, this is awesome! I can't believe that this feature and 'inking' is not implemented yet!
C'mon adobe, please add some priority to this!
Alwyn Balingit commented
Adobe XD Development Team, please support this inline documentation feature for mockups DURING DESIGN MODE, and can also be seen DURING SPECS MODE.
Our current prototyping tool is Microsoft PowerPoint.
We use "Speech Bubble: Rectangle" to point to UI elements and explain details about it.
Other may be using "Callout: Line" for the same purpose.
Inline Documentation: https://www.thoughtco.com/adding-powerpoint-callout-to-a-slide-2767352
Now I understand that in REVIEW MODE for SHARED PROTOTYPES, you have a COMMENT SYSTEM. Microsoft PowerPoint has that, too, and the purpose is for reviewers to add comments, more like a TODO LIST FOR UX DESIGNERS.
We need a similar "Comment System" but for purposes of DOCUMENTING UI Elements.
Glen Lipka commented
YES. I typically put the text on sticky notes. (like this) http://pngimg.com/uploads/sticky_note/sticky_note_PNG18964.png
Thomas Hallgren commented
As UX I would like to “hang” IX notes between artboards. Like Notes, but I would like to output the entire layout like this with lines connecting boards and notes on connecting lines 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
While we're waiting for Xd to implement a documentation feature, I've started using this workaround. It lets you add a notes panel next to each artboard that can be easily moved with the artboard, scaled to accommodate longer scrolling pages, and can be easily shown or hidden when running in preview mode and in your exported PDFs.
Some sort of ability to annotate and add documentation to a set of mockups would be wonderful. Up until now, I've been using Word or Google Docs for documentation.
Cristian Moisei commented
The idea is great though - I use hidden text layers in PS for notes at the moment.