Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


InVision Cloud V7: Commenting

This article provides answers for InVision Cloud V7. If you’re on V6 of InVision, read this article instead. Not sure which version you're using? Find out now.

With Comment mode, you can collaborate by having asynchronous conversations on a prototype. You can start new comment threads, reply to existing comments, mention others, and even add emoji.

InVision works to continually improve our UX design, so you may notice some differences between the comment cards in this video and your current commenting experience.

To leave a comment on a Studio prototype, you must be signed in to InVision. Also, it’s not currently possible to add a general comment to the prototype; you’ll need to add comments to specific screens instead.

Getting familiar with comment cards

invision-cloud-v7-comment-card.png


As seen in the screenshot above, you'll notice the following elements and icons when adding or reading comments:

ICON OR UI ELEMENT ACTION
Add your thoughts. Place the cursor in the Text field and begin typing your comment.
invision-cloud-v7-comment-tag-someone.png Click the icon, or type "@" in the Text field, to notify specific users about your comment.
invision-cloud-v7-comment-emoji-icon.png Click the emoji icon, or type ":" (colon) in the Text field, to add emojis to your comment.
invision-cloud-v7-comment-type-dropdown.png Click the Comment type dropdown to select the type of comment you want to leave.
invision-cloud-v7-comment-private-lock-icon.png

Use the lock icon to manage whether a comment or note is set to private:

  • Open lock: Anyone with access to the document can see the comment or note.
  • Closed lock: The comment or note is only visible to the document editors.
invision-cloud-v7-comment-post.png  When you're ready to share your comment, click Post.

Choosing your type of comment

As you'll see in step 4 of the "Adding comments" instructions below, you can choose between two types of comments:

  • Comment: By default, anyone who can access the document—either as an editor or as a viewer with a public document link—can see or leave regular comments. Many customers use regular comments to communicate with all stakeholders.
  • Note:  By default, notes are set to private, so only people with document editing access can see this type of comment; however, viewers with a public document link cannot leave notes. Many customers use notes for internal conversations that clients don't need to see, such as communicating implementation requirements to engineers.

Adding comments

To add a comment:

  1. Sign in to your InVision Cloud V7 account and open a document.
  2. Open a document screen and, at the bottom of the page, click the comment icon (comment-mode-icon.png) or use the shortcut C.
  3. To add a new comment, click anywhere on the screen and begin typing in the comment field. You can also click an existing comment to add a reply.
  4. Click the Comment type dropdown menu and select Comment or Note.
  5. If you want to make the comment private to only those with edit access, toggle on the lock icon.
    A private comment will be denoted by a closed lock (private-comment-icon.png).
  6. Once finished, click Post, or use the shortcut Command + Enter.
invision-cloud-v7-leave-comment-note.gif

Notifying people about comments

To notify a specific person about your comment, @ mention the person by name or email address:

  1. In the comment card, click the @ icon .
    Alternatively, you can type "@" in the Text field.
  2. Begin to type the name of each person you want to notify.
  3. Click their avatar in the list of results.
  4. Write and post your comment as usual.
invision-cloud-v7-comment-tag-user.gif

You and your collaborators will also receive in-app notifications when you're on a document landing page (that shows all screens). To see the latest feedback, click the notifications icon (invision-cloud-v7-notifications-icon.png) in the upper-right corner.

Using emoji in comments

To add emoji to your comments, click the emoji icon (emoji-icon.png) within the comment modal.

To open the emoji autocomplete menu, press the : (colon) key. Then, type the name of the emoji you want to use and click the result or—once the emoji is selected—simply press Enter.

invision-cloud-v7-add-emoji.gif

Commenting via public share links

With the Enable Commenting setting toggled on for a public share link, anyone who receives the link can view and comment on the prototype. Therefore, sharing a public link is a great way to let someone who is not a member or guest of your InVision Cloud V7 account collaborate on a prototype.

To enable commenting on a public share link:

  1. Open the document and, in the top-right corner, click Share.
  2. In the Share dialog, click the Public tab, and then click Get Public Link.
    If there is an existing public link for the document, you won't see the the Get Public Link screen.
  3. Click Update public link settings, toggle the Enable Commenting setting on (invision-cloud-v7-public-link-setting-checkmark.png), and then click Done.
    invision-cloud-v7-public-document-link-settings.gif

Since people who receive a public share link can sign into an existing account or create a new team-less account, the commenting experience differs slightly depending on which of the following applies:

  • Commenter does not yet have an InVision account
  • Commenter already has an InVision account
  • Commenter already has access to the prototype and the prototype is visible to the team
  • Commenter already has an InVision account but has not yet set a password

Commenter does not yet have an InVision account

To comment on a prototype you are viewing via a public share link, you must also create an InVision Cloud V7 account:

  1. At the bottom-right corner of the page, click the comment icon (invision-cloud-v7-prototype-comment-icon.png).
  2. To add a new comment, click anywhere on the prototype and begin typing in the comment field.
    You can also click an existing comment to add a reply.
  3. If you want to make the comment private to only those with edit access, toggle on the lock icon.
    A private comment will be denoted by a closed lock (invision-cloud-v7-private-comment-lock-icon.png).
  4. Once finished, click Post, or use the shortcut Command + Enter.
  5. In the Email address field, enter the address you want to use when signing in to InVision Cloud V7, and then click Continue.
    We will then email you a six-digit code that’s needed for step 6.
  6. Enter the six-digit sign-up code you received via email.
  7. Enter your name and the password you want to use when signing in to InVision Cloud V7, and then click Sign Up.

After completing the steps above, you will see the comment you left on the prototype.

Commenter already has an InVision account

To comment on a prototype you are viewing via a public share link, you must tie the comment to your InVision account by verifying your email address:

  1. At the bottom-right corner of the page, click the comment icon (invision-cloud-v7-prototype-comment-icon.png).
  2. To add a new comment, click anywhere on the prototype and begin typing in the comment field.
    You can also click an existing comment to add a reply.
  3. If you want to make the comment private to only those with edit access, toggle on the lock icon.
    A private comment will be denoted by a closed lock (invision-cloud-v7-private-comment-lock-icon.png).
  4. Once finished, click Post, or use the shortcut Command + Enter.
  5. In the Email address field, enter the address you use to sign in to InVision Cloud V7, and then click Continue.

After completing the steps above, you will see the comment you left on the prototype.

Commenter already has access to the prototype and the prototype is visible to the team

To comment on a prototype you are viewing via a public share link, you must sign in to InVision Cloud V7:

  1. At the bottom-right corner of the page, click the comment icon (invision-cloud-v7-prototype-comment-icon.png).
  2. To add a new comment, click anywhere on the prototype and begin typing in the comment field.
    You can also click an existing comment to add a reply.
  3. If you want to make the comment private to only those with edit access, toggle on the lock icon.
    A private comment will be denoted by a closed lock (invision-cloud-v7-private-comment-lock-icon.png).
  4. Once finished, click Post, or use the shortcut Command + Enter.
  5. Enter your InVision Cloud V7 email address and password, and then click Sign In.
    If you belong to only one team on InVision, you will see your comment posted after completing step 5.
  6. Next to the name of the team that owns the prototype, click Select.

After completing the steps above, you will see the comment you left on the prototype.

Commenter already has an InVision account but has not yet set a password

To comment on a prototype you are viewing via a public share link, you must tie the comment to your InVision account by entering your email address and creating a password:

  1. At the bottom-right corner of the page, click the comment icon (invision-cloud-v7-prototype-comment-icon.png).
  2. To add a new comment, click anywhere on the prototype and begin typing in the comment field.
    You can also click an existing comment to add a reply.
  3. If you want to make the comment private to only those with edit access, toggle on the lock icon.
    A private comment will be denoted by a closed lock (invision-cloud-v7-private-comment-lock-icon.png).
  4. Once finished, click Post, or use the shortcut Command + Enter.
  5. In the Email address field, enter the address you use to sign in to InVision Cloud V7, and then click Continue.
    We will then email you a six-digit code that’s needed for step 6.
  6. Enter the six-digit sign-in code you received via email.
  7. In the Password and Confirm Password fields, enter the password you want to use when signing in to InVision Cloud V7, and then click Sign In.

After completing the steps above, you will see the comment you left on the prototype.


Learn something new

Getting Started Guides