Using Comments and Feedback in Figma

Key Concepts

Using Comments and Feedback in Figma is essential for effective collaboration and iterative design. These tools allow team members to provide real-time feedback, discuss design decisions, and track changes, ensuring a smooth and efficient design process.

1. Comments

Comments in Figma are annotations that can be added to specific parts of your design. They serve as a way to communicate ideas, suggestions, and questions directly within the design file. Comments can be created by selecting an area of the design and clicking the comment icon.

Example: If you are working on a website header, you might add a comment next to the logo suggesting a different color. This comment can be seen and responded to by other team members, facilitating a discussion without leaving the design environment.

2. Feedback

Feedback in Figma refers to the process of gathering and incorporating comments and suggestions from stakeholders. This involves reviewing comments, making necessary adjustments, and iterating on the design based on the feedback received. Feedback is crucial for refining the design and ensuring it meets user needs and expectations.

Example: After presenting a wireframe to a client, you might receive feedback suggesting changes to the layout. By reviewing the comments, you can make the necessary adjustments and update the design, ensuring it aligns with the client's vision.

3. Comment Threads

Comment threads are sequences of comments related to a specific part of the design. They allow for a continuous conversation around a particular element, making it easier to track discussions and decisions. Comment threads can be resolved once the issue is addressed, helping to keep the design file organized.

Example: If multiple team members are discussing the placement of a button, they can create a comment thread directly on the button. As suggestions and decisions are made, the thread can be updated, and once the button placement is finalized, the thread can be resolved.

4. Notifications

Notifications in Figma alert you to new comments and replies. This ensures that you are always aware of ongoing discussions and can respond promptly. Notifications can be managed through the Figma interface, allowing you to customize your alert settings.

Example: If a colleague adds a comment to your design, you will receive a notification. This allows you to quickly review the comment and provide a response, keeping the design process moving forward without delays.

5. Resolving Comments

Resolving comments is the process of marking a comment thread as complete. This indicates that the issue discussed in the thread has been addressed and no further action is needed. Resolving comments helps to keep the design file clean and organized, making it easier to focus on new tasks.

Example: After making the suggested changes to the button placement, you can resolve the related comment thread. This action signals to the team that the discussion is closed and the design is ready for the next round of feedback.

6. Iterative Design

Iterative design is the process of continuously refining the design based on feedback. This involves multiple rounds of feedback, adjustments, and improvements. Using comments and feedback effectively supports iterative design, ensuring that the final product meets all requirements and expectations.

Example: After incorporating the initial feedback, you might present the updated design to the client for another round of review. By using comments and feedback, you can gather additional insights, make further adjustments, and continue to refine the design until it is finalized.

By mastering the use of comments and feedback in Figma, you can enhance collaboration, streamline the design process, and create high-quality designs that meet user needs and expectations.