Annotations in design mode
As explained the title, the ability for designers to add notes whilst working, to art boards, to remember ideas, note down comments from users/team members etc
-
Cameron Sagey commented
Badly needed - Also, please sync with prototype & design specs, allow viewers to comment on our annotations, and sync the comments back to Design View. That way we never have to leave Design view to communicate with multiple teams and to make changes.
-
Melody commented
It would be useful to add comments while designing a page that would show up on the link I send to the developers. Currently I would have to create a link and make my notes there after publishing the design specs. This breaks up my workflow, since I'd like to make my comments as I think of them, while working on a design. It would be awesome if you could make a comment only visible in design specs - so a note to developers would only be visible to them, and not show up on the prototype, but could be useful to publish comments with a prototype as well.
I've attached what my current comments look like.
-
Anonymous commented
An important feature to write down notes for yourself and/or explain specific elements to a client or colleague.
Should potentially be uploaded with published prototype. Perhaps it could be an option to include it when publishing.
-
Martin Klausen commented
+1
An important feature to write down notes for yourself and/or explain specific elements to a client or colleague.Should potentially be uploaded with published prototype. Perhaps it could be an option to include it when publishing.
-
Artur commented
I made a similar post. Please see "All artboards together on one page in pdf"
-
Anonymous commented
I agree that for UX design, this is feature is absolutely critical to communicating flow and intent. Annotations should support a variety of content types, including things like text and attaching files.
-
JVR commented
Absolutely agree, this is needed. As it stands I still need other wireframes apps to allow for this. The way it works in Balsamiq's Mockups is simple and sound: you have a bunch of assets flagged as markups, and you can display/hide them on the fly. Pretty useful when reviewing the specifics of your design with programmers. This, and a password protected sharing system, would complete my list of must-haves.
-
Aleshia Bonilla commented
I work primarily on UI and webdesign then pass it to a programmer. It would be VERY helpful to be able to put a note on an element directly in the design. If the tips could act like a tooltip so when the developer roles over it they can see the note it wouldn't hinder the design work.
Use Case examples would be:
-How a field should operate, or where that data is in the database
-If something is fixed, dynamic, etc
-Where the asset is stored, like a youtube video address, other link values, etc. -
MaMaLy commented
Check out my workaround for this issue. 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.
-
MR. KIM commented
설계한 화면에 대해 디스크립션을 통해 추가 설명을 볼 수 있었으면 좋겠습니다.
콤보박스의 선택 항목이 노출 되었으면 좋겠습니다.
UXPIN의 링크를 공유 드립니다.
https://preview.uxpin.com/c323f33cbc73f014966392f4e609a96d952c01ca#/pages/71146772
-
Thomas Hallgren commented
-
asaf Ben Oved commented
An essential issue indeed. currently I enter the web prototype and enter annotation myself. Not the most effective way to go. I think that adding another upper tab (in addition to editor and prototype) would be the most effective. The Comments tab should represent both other and myself annotation. and off course to be able to add in that mode my annotations.
-
Tracey Niblett commented
essential to be able to explain what site functionality can't be demonstrated in XD ('display slide out menu', 'hide below content' etc etc) or to add little reminders for the designer or notes to the developer. It would be great able to add a note, perhaps displayed as a little symbol on the design which would display the note when hovered over or display the note contents in a notes section (similar to the symbols and layers) when clicked on.
-
Michael Greeby commented
I believe that this is a crucial feature that should be added. In addition to design notes and/or web links that I may make for myself or a colleague, it would be exceptionally helpful to also have a developers / code note where snippets of code might be pasted, documented and passed to other team members. I truly hope that this feature is added - currently the text box is too clunky.
-
Trevor Hatfield commented
Just ran into this problem and am making notes as text blocks which seems like a bad solution. Notes on the design side are definitely needed.
-
Thomas Faurie commented
I completely support this idea. Posted about this a little while back as my searches came up empty! Thank you. The only "issue" to troubleshoot would be if XD supports exporting to PSD/AI etc. How would it handle the "notes"?
-
Deliutak commented
Great idea. It seems to create a longer process to export the file online so I can get comments. Would be better to have a comment system like Apple MindNode. https://itunes.apple.com/us/app/mindnode-delightful-mind-mapping/id312220102?mt=8. Similar idea of pulling arrows towards item or artboard you're creating a note for. Should be another layer like "Artboards", "Symbols" but called "Notes" where you set this up.
-
Michael Pierce commented
This is nice as you often get feedback before publishing as a prototype that you need to apply, if could have a relationship with the comments from when it's posted though for example if you publish and someone comments maybe they come back into view in design mode
-
Matt Dunn commented
In addition when exporting to PDF we could have the artboard on say the left, notes/comments on the right. Ideally we could even add a note per item and when exporting it would "bubble" them for clear linking.
-
Peter DiBartolo commented
+1
Please provide a contextual notes area per artboard. This limits back and forth elaboration and is helpful for when I pass off my XD files to developers (prior to the share or prototype phase).One example may be to note the current vs future scope features. Another may be to note the enabled vs disabled menu options, so the designer doesn't need to draft every single permutation.