Using Comments and Feedback in Figma

Key Concepts

• Commenting in Figma
• Feedback Collection
• Collaboration Tools
• Annotation
• Threaded Conversations
• Resolving Comments
• Notifications
• Version Control
• Feedback Integration
• Best Practices

1. Commenting in Figma

Commenting in Figma allows team members and stakeholders to leave notes directly on the design. This feature enables real-time feedback and collaboration, ensuring that all comments are visible and accessible to the entire team.

Example: A designer can leave a comment on a specific button asking for feedback on its color, and team members can respond directly to that comment.

2. Feedback Collection

Feedback collection involves gathering comments and suggestions from team members and stakeholders. This process helps in identifying areas for improvement and ensuring that the design meets user needs.

Example: After sharing a prototype, stakeholders can leave comments on specific screens or elements, providing valuable insights and suggestions for improvement.

3. Collaboration Tools

Collaboration tools in Figma facilitate seamless communication and teamwork. These tools include features like comments, annotations, and real-time editing, ensuring that all team members are on the same page.

Example: Multiple designers can work on the same project simultaneously, leaving comments and suggestions as they go, ensuring a collaborative design process.

4. Annotation

Annotation involves adding notes or explanations to specific parts of the design. This helps in clarifying design decisions and providing context for feedback.

Example: A designer can annotate a section of the design to explain the rationale behind a specific color choice, making it easier for stakeholders to understand and provide feedback.

5. Threaded Conversations

Threaded conversations in Figma allow for organized discussions around specific comments. This feature ensures that all related feedback is grouped together, making it easier to track and respond to.

Example: A conversation about the navigation menu can be threaded, with all related comments and responses grouped together for easy reference.

6. Resolving Comments

Resolving comments involves marking feedback as resolved once it has been addressed. This helps in keeping track of which comments have been addressed and which are still pending.

Example: After making changes based on a comment, the designer can mark the comment as resolved, indicating that the feedback has been incorporated.

7. Notifications

Notifications in Figma alert team members to new comments and replies. This ensures that everyone is informed about the latest feedback and can respond promptly.

Example: A designer receives a notification when a new comment is added to their design, allowing them to address the feedback in real-time.

8. Version Control

Version control in Figma helps manage different versions of a design. It allows users to track changes, revert to previous versions, and compare different iterations.

Example: If a design undergoes multiple revisions, version control helps in identifying what changes were made and why, ensuring a clear design history.

9. Feedback Integration

Feedback integration involves incorporating feedback into the design. This process ensures that the final design meets user needs and addresses all identified issues.

Example: After gathering feedback, the designer integrates the suggestions into the design, making necessary adjustments to improve usability and aesthetics.

10. Best Practices

Best practices for using comments and feedback in Figma include being specific in comments, using annotations to provide context, and resolving comments once addressed. These practices ensure an efficient and effective feedback process.

Example: When leaving a comment, a designer should be specific about the issue and provide suggestions for improvement, making it easier for the team to address the feedback.

Examples and Analogies

Commenting in Figma: Think of commenting as leaving sticky notes on a whiteboard. Just as sticky notes provide quick feedback, comments in Figma provide real-time feedback on designs.

Feedback Collection: Consider feedback collection like gathering ingredients for a recipe. Just as you need various ingredients to cook a dish, you need various feedback to create a successful design.

Collaboration Tools: Imagine collaboration tools as a shared workspace. Just as a workspace allows multiple people to work together, collaboration tools in Figma allow multiple designers to work together on a project.

Annotation: Picture annotation as adding labels to a map. Just as labels provide context on a map, annotations provide context in a design.

Threaded Conversations: Think of threaded conversations as organizing papers into folders. Just as folders keep related papers together, threaded conversations keep related comments together.

Resolving Comments: Consider resolving comments like checking off items on a to-do list. Just as checking off items indicates completion, resolving comments indicates that feedback has been addressed.

Notifications: Picture notifications as a doorbell. Just as a doorbell alerts you to visitors, notifications in Figma alert you to new comments and feedback.

Version Control: Think of version control as a timeline of a story. Just as a timeline shows the progression of a story, version control shows the progression of a design.

Feedback Integration: Consider feedback integration like incorporating ingredients into a dish. Just as ingredients make a dish complete, feedback makes a design complete.

Best Practices: Think of best practices as the rules of a game. Just as following the rules ensures a fair game, following best practices ensures an efficient feedback process.