5-3 Comments and Feedback in Figma

Key Concepts

• Adding Comments
• Tagging Team Members
• Resolving Comments
• Comment Threads
• Feedback Filters

Adding Comments

Adding comments in Figma allows you to provide feedback or notes directly on the design canvas. To add a comment, select the "Comment" tool from the toolbar, click on the area of the design where you want to leave a comment, and type your message. This is useful for pointing out specific design elements or suggesting changes.

For example, if you notice a button color that doesn't meet accessibility standards, you can add a comment next to the button, explaining the issue and suggesting a better color option.

Tagging Team Members

Tagging team members in comments ensures that they receive notifications and can respond to your feedback. To tag someone, type "@" followed by their name in the comment box. This is particularly useful for collaborative design projects where multiple team members need to be involved in the critique process.

For instance, if you want a specific designer to review a section of the design, you can tag them in a comment, ensuring they are aware of the feedback and can provide their input.

Resolving Comments

Resolving comments in Figma marks them as addressed, helping to keep track of feedback that has been actioned. To resolve a comment, click the "Resolve" button next to the comment. This is useful for maintaining clarity and organization in the design critique process.

For example, after a designer has made the suggested changes to a button color, they can resolve the related comment, indicating that the feedback has been implemented.

Comment Threads

Comment threads in Figma allow for ongoing discussions around specific design elements. Each comment can have its own thread where team members can reply and provide additional feedback. This is useful for in-depth discussions and collaborative problem-solving.

For instance, if there is a debate about the placement of a navigation bar, multiple team members can contribute to a comment thread, offering different perspectives and solutions until a consensus is reached.

Feedback Filters

Feedback filters in Figma help you manage and organize comments by filtering them based on their status (e.g., resolved, unresolved). To use feedback filters, open the "Comments" panel and select the filter options. This is useful for focusing on unresolved feedback and ensuring all issues are addressed.

For example, during a design review, you can filter out resolved comments to concentrate on the feedback that still needs to be addressed, streamlining the critique process.

Examples and Analogies

Think of adding comments as leaving sticky notes on a design board. Each note provides specific feedback or suggestions, making it easy for the designer to understand and act on.

Tagging team members is like sending a direct message in a chat room. By tagging someone, you ensure they receive the message and can respond promptly.

Resolving comments can be compared to checking off items on a to-do list. Once a task is completed, you mark it off, keeping your list organized and focused on what's left to do.

Comment threads are like group discussions in a meeting. Each thread allows multiple participants to contribute, ensuring a thorough and collaborative approach to feedback.

Feedback filters are akin to sorting mail. By filtering comments, you can prioritize and focus on the most important feedback, ensuring nothing gets overlooked.