Comments

Commenting in Figma takes your Team's collaboration to the next level.

You can add a comment anywhere on the canvas, whether that's on a Frame, Group or Layer. Comments allow you to respond to feedback, tweak your designs and iterate faster. All from the original design File.

You can add Comments to Prototypes, or the underlying design Files. Both Viewers and Editors can add and respond to Comments.

In this article, we'll get you up to speed with:

  1. Commenting Settings
  2. Adding Comments
  3. Editing Comments
  4. Deleting Comments
  5. Viewing Comments
  6. Replying to Comments
  7. Resolving Comments

Check out our answers to Frequently Asked Questions at the bottom of this page.


1 | Commenting Settings

To add, view and respond to comments you'll need to enter Comment mode.

You can do this by clicking the Comment icon in the toolbar. Or, by using the Keyboard Shortcut [C].

This will open the Comments Panel in the right sidebar:

You will be able to access both your Comments and your Comment Settings here.

Comment Settings and Notifications

At the top of the Panel, you can determine if you want to:

  • Show resolved comments in the Comments Panel. You can uncheck this setting to hide resolved comments from this section.
  • Receive email notifications for any Comments on the File. This will send you an email notification for every new Comment and reply that's added to the File. If you are the File Owner, then you will have this setting enabled by default.

Email Notifications

You can enable or disable Email notifications on a per-File basis. We only enable this setting by default for File Owners. You will need to disable this setting on each File to prevent notifications.

will receive an email notification if you are @mentioned in a File. Even if you disable Receive email notifications in that File.

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 & Slack article.

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


2 | Adding Comments

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

  1. Click on the Comment icon in the Toolbar, or press the [C] Key to enter Comment Mode.
  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:
  4. A Comment field will appear that allows you to enter your message.
  5. Type your message in the field and click Post to send: 

Note: You won't be able to make any changes to Objects in the Canvas while in Commenting mode. You will need to leave Commenting mode by selecting another tool in the Toolbar.

Mentions

You can "@mention" or "at mention" others in your Comments to draw attention to a specific Frame or section of your File.

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.

To Mention someone in a Comment:

  1. Use the "@" key to create a Mention.
  2. Start typing in the person's Name or Email Address.
  3. To select, click the Tab or Enter key. Or, click on the person's name in the list:
  4. Complete the rest of your message and click Post

A notification is then sent to the person via Email and In-App Notification (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 via the Sharing dialog first.

Emoji

You can also add Emoji to your Comments to help illustrate your message.

  1. Click on the smiley face icon in the Comment box: 
  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. But don't worry, your emoji will appear when you click Post.
  4. Your emoji will be included along with your message: 

3 | Editing Comments

You can make changes to any Comment you post. This is handy for fixing typos, or for repositioning a Comment.

Editing a Comment's Contents

To edit the message included in 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's title in the Comment box: 
  3. Choose Edit.. from the options:
  4. You will then be able to edit the content of the message. You can add Emoji or include additional Mentions if desired.
  5. Click Done to save your changes: 

Changing a Comment's Location

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

When in Commenting mode:

  1. Click on the Comment icon in the canvas.
  2. Drag the Comment to its new location.

Note: If you move the underlying Frame or Layer, any associated Comments will also move with it.

If you Cut and Paste a Frame to a new location, Figma will disconnect the Comment from that Frame. You will be able to view that Comment in the Comments Panel. There will be no link between the Comment and a location on the canvas.

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

Warning: If you duplicate a File, Figma won't copy Comments to the new File. Comments are only kept on the original File.


4 | Deleting Comments

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

  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. Choose Delete Comment from the options:
  4. The Comment will be immediately deleted.
  5. If you are deleting the first Comment in a thread, you will see Delete Thread instead: 
  6. This will delete both the Comment and any replies. Click Delete to confirm: 

5 | Viewing Comments

There are a few ways to view a Comment:

In the Comments Panel

The Comments Panel displays all Comments in the current File. Figma will number Comments in order, as you create them.

Figma will also group Comments by Page. Pages appear in the same order as they do the Pages list.

We show Comments on the current page in black, whereas Comments from other pages are in lighter grey.

  1. Click on a Comment in the Comments Panel.
  2. This will take you to the relevant location on the Page and allow you to view the Comment.
  3. We'll show the Comment icon of the selected Comment in blue.

In the Canvas

You can also open a Comment from the Canvas.

  1. Click on the Comment bubble in the Canvas.
  2. This will open the Comment box and highlight the Comment in the Comments Panel.

From your Email Notifications

You can Comment on the File in the Editor, or on the Prototype in Presentation View. In both scenarios, you will be able to open the Comment from the email notification.

Note: If you make a Comment in Editor view, the email link will direct you to the Editor view. If you make a Comment in Presentation view, the email link will take you there instead.


6 | Replying to Comments

Both Viewers and Editors can add and reply to Comments.

  1. Open the Comment by clicking on the Comment icon in the Canvas. Or, by selecting the Comment in the Comments Panel.
  2. The Comment box will appear with a Reply field attached:
  3. Click into the Reply and start typing your message. Add any emoji or Mentions, as required. Click Reply to add your Comment to the thread: 
  4. The Reply box will remain underneath the thread. 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.

7 | Resolving 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. Open the Comment.
  2. Click the checkbox in the top-right corner to mark it as Resolved

Note: If this has been done accidentally, you can click the checkbox again to mark it as UnresolvedYou will need to Show Resolved Comments to access that Comment. Learn more in the Comment Settings and Notifications section above.

Frequently Asked Questions

When will I receive Comment notifications?

Email notification settings are set for each File. You can toggle notifications off and on via the Receive email notifications setting. You can find that in the Comments Panel when in Commenting mode.

The Receive email notifications setting is enabled by default for the File Creator. If you are not the File creator, you won't receive email notification from comments on files.

If you enable this setting you will receive notification for:

  • Any Comments made on that File.
  • Any @ mentions that specifically mention you.
  • You will also receive in-app notifications for both the above
  • If you @mention someone, this will send an email notification to that specific person.

If you only want to receive notifications for @mentions, turn off Receive email notifications.

You can also disable notifications for all " Activity from other users" in your Account Settings.

Can I move objects with Comments on them to new pages while retaining the comments?

Yes! A Comment will be tied to the Frame it was added. You can move the entire Frame to a new page and retain the comment.

  1. Right-click on the Frame choose Move to page from the menu.
  2. Select which Page you would like to move it to.
  3. The Frame and any associated Comments will be moved.

Where can I find resolved Comments?

You can view Resolved Comments in the Comments Panel, while you are in Commenting Mode. You will need to enable the Show Resolved Comments setting to view them.

Can I duplicate a File, including the Comments

No. If you duplicate a File, Figma won't copy Comments to the new File. Comments are only kept on the original File.

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