Give Feedback with Comments

Comments takes collaboration to the next level. 

You can use Comments to respond to feedback, tweak your designs and iterate faster. All from the original design File.

  • You can add Comments to Files or Prototypes.
  • Anyone can add and respond to Comments, including Viewers.

I want to:

  1. View, Sort and Filter Comments
  2. Add Comments to a File
  3. Mention a Collaborator
  4. Add Emoji to a Comment
  5. Reply to Comments
  6. Edit the Content of a Comment
  7. Move the Location of a Comment
  8. Resolve Comments
  9. Delete Comments
  10. Adjust your Comment Notifications

Note: You won't be able to make any changes to Objects in the Canvas while you are viewing Comments. You will need to select another tool in the Toolbar to continue editing a File.

View, Sort and Filter Comments

You can access a File's Comments by clicking the Comment icon in the main toolbar.

From here, you can view Comments from a few places:

  1. In the Canvas

    Comments will be shown in the canvas where they have been added. 
    1. Click on a Comment icon in the canvas to view the Comment and any replies.
  2. From the Properties Panel

    All the comments in the file will be listed in the Properties Panel, on the right-hand side. 
    1. Click on the Comment in the Comments Panel to open it in the Canvas.

Sort and Filter Comments

All the comments in the file will be listed in the Properties Panel, on the right-hand side. 

Comments are grouped by Date. Any comments made in the Last 7 days will be shown at the top, followed by any Earlier comments. 

Within each date group, we also sort comments by Page. This follows the same order that your Pages appear in the File.

The Filter at the top of the panel allows you to select which comments you'd like to view.

  1. Click the dropdown next to the All setting: 
  2. You then have two options:
    1. Choose All to view all Comments on the File.
    2. Choose Only Yours to view the comments that are relevant to you.  This includes:
      1. Comments you have ben tagged in.
      2. Comments on threads you've replied to.
      3. Comments you've created that collaborators have responded to.
  3. You can also decide if you'd like to Show resolved comments. Click on the setting to turn it off and on.

Tip! You can also open a Comment from the notification. Click the link in your email to View Comment

If the Comment was made in Editor view, the email link will direct you to the Editor view. If the Comment was made in Presentation view, the email link will take you there instead.

Add a Comment to a File

You can add a Comment to any location on the canvas. This can also be a specific Frame, Group or Layer.

  1. Click on the Comment icon in the Toolbar, or use the keyboard shortcut: [C].
  2. Your cursor will now appear as a Comment icon: 
  3. Click on the location in the canvas you'd like the Comment to appear. A Comment field will appear that allows you to enter your message.
  4. Type your message in the field. You can add Emoji or Mention collaborator's in your message.
  5. Click Post to send: 

Mention a Collaborator

You can " @mention" or "at mention" collaborators in your Comments. This allows you to include them in the discussion, or draw their attention to a specific Frame or section.

In Team Files you can mention anyone else who is in your Team.

In Files outside of Teams, you can invite anyone you "know" in Figma:

  • This matches the collaborators that you can add via the Sharing Modal.
  • This includes people who are on the same Team, Projects or Files as you.
  • Anyone who has invited you to a File.
  • Anyone you have invited to a File.

Add a Mention to a Comment

You can add a mention when you are adding or replying to a Comment.

  1. Add a new Comment or reply to an existing Comment.
  2. In the Comment field, enter the "@" key to create a Mention. Start typing in the person's Name or Email Address. We will suggest collaborator's based on your history: 
  3. Click the Tab or Enter key to select a collaborator. Or, click on the person's name in the list.
  4. Complete the rest of your message and click Post
  5. We will send a notification to the person via Email, as well as in Figma (if enabled).

Note: If you'd like to Mention someone who is missing from the list, then you will need to invite them to the File first. 

Add Emoji to a Comment

You can also add Emoji to your Comments. You can do this when adding or replying to Comments.

  1. When you are adding a Comment, click on the smiley face icon: 
  2. You can then:
    1. Use the Search bar to find the emoji you're after.
    2. Choose from your Frequently Used emoji.
    3. Browser through the catalogue of emoji.
  3. Click on the emoji to add it to your message. This will appear in short-hand, not as the emoji. Don't worry, your emoji will appear when you click Post!
  4. Click Post. Your emoji will be included along with your message: 

Reply to a Comment

Anyone can view, add and reply to Comments, including Viewers.

  1. Open the Comment:
    1. Click on the Comment in the Canvas. 
    2. Select the Comment in the Comments Panel.
  2. The Comment box will appear with a Reply field attached. Click Reply and start typing in your message. You can add any Emoji or Mentions, as required. 
  3. Click Reply to add your Comment to the thread: 
  4. You can add further replies to the thread as needed.

Tip! You can also reply to the Comment notification in your email inbox. We'll add any text you reply with to the thread in Figma.

Editing a Comment's Contents

You can edit the content of any Comment you've posted. This is handy if you've noticed a type, or want to add a clarification or Mention.

  1. Select the Comment in the canvas, or from the Comments Panel.
  2. Click on the three dot menu next to the Comment's title in the Comment box: 
  3. Select the Edit... option. You will then be able to edit the content of the message.
  4.  You can add Emoji or include additional Mentions if desired. Click Done to save your changes: 

Move a Comment to a New Location

You can also change where the Comment appears on the Canvas. 

This allows you to draw attention to a specific part of the canvas, whether this is a Frame, object or layer.

Keep in Mind

  • If you Cut and Paste a Frame to a new location, Figma will disconnect the Comment from that Frame.

    While you will still be able to view that Comment in the  Comments Panel, there will no longer be a link between that Comment and the canvas.
  • If you move a Frame or Layer with Comments applied to it, we will also move the associated Comments. 

    If the Comment has been applied to the Canvas, not the Layer or Frame itself, the Comment won't be moved. 
  • If you duplicate a File, Figma won't copy Comments to the new File. Comments are only kept on the original File.
  1. Click on the Comment icon to view the Comments on the File.
  2. Click on the Comment icon in the canvas.
  3. Drag the Comment to its new location.

Tip! You can move an Object with an associated Comment to another page. Right-click on the Object and choose Move to page.

Resolve Comments

Once the feedback has been taken on board, or a resolution reached, you can Resolve the Comment. 

This will hide the Comment from both the Comments Panel and the Canvas.

  1. Click on the Comment in the Canvas or Comments Panel to open it.
  2. Click the checkbox in the top-right corner to mark it as Resolved
  3. We will hide the Comment from both the Comments Panel and the Canvas.

Note: If this has been done accidentally, you can click the checkbox again to UnresolveYou will need to turn on the Show Resolved Comments setting to view those Comments again. Learn more in the View, Sort and Filter Comments section.

Delete Comments

You can also delete any Comment you post. If you delete a Comment with replies, this will delete the entire thread.

Delete a Comment

  1. Select the Comment in the canvas, or from the Comments Panel.
  2. Click on the three dot menu next to the Comment in the Comment box: 
  3. Choose Delete Comment from the options:
  4. The Comment will be immediately deleted.

Delete a Thread

You can also choose to delete an entire thread. This will delete both the initial Comment and any replies. 

  1. Select the Comment in the canvas, or from the Comments Panel.
  2. Click on the three dot menu next to the Comment's title.
  3. Select Delete Thread from the options:
  4. Click Delete to confirm: 

Adjust your Comment Notifications

You can turn email notifications off or on, for each File. 

Note:If you are the owner of the File, your notification settings will be set to All comments by default.

If you're not the owner of a File, you'll receive notification for Only Yours by default. The first time you comment on a File, we'll notify you of your settings and give you the option to Manage them.

  1. Click the Edit icon at the top of the Comments Panel:
  2. In the modal, select which Comment threads you want to be notified of. There are three options:
    1. All Comments

      This is the default for File Owners. This setting will notify you of:
      • Any Comments made on that File.
      • Any @ mentions that specifically mention you.
      • Any replies to threads you've created or participated in
    2. Only Yours

      This is the default for Collaborators that comment on a File. This setting will notify you of:
      • Any @ mentions that specifically mention you.
      • Any replies to threads you've created or participated in
    3. None

      You won't be sent any email notifications for new comments. You will still receive an email for any @mentions, even if you have None selected.
      1. All comments
      2. Only Yours
      3. None
  3. Click the "X" to close the modal.

Depending on your settings, you may also receive a notification in the Figma app. You can turn off notifications for all "Activity from other users" in your Account Settings.  Learn more in our In app Notifications article.

Slack Notifications

You can also set up Slack notifications for Comments. This allows you to receive notifications for any Comments made on Files in a given Project. You can choose which Slack channel to send notification to.

We won't notify you via Slack if a collaborator @mentions you in another Project. Only Projects with Slack enabled will send notifications for mentions. Learn more in our Figma and Slack article.

Note: You can also receive in-app notifications for any Comments, @Mentions or Activity from other users. You can enable or disable these in your Account Settings. Find out more in our Manage your Account article.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.