Comments and feedback in Figma - Real Business Scenario

Scenario Mode

👤 Your Role: You are a BI report designer working with a team of analysts and managers.

📋 Request: Your manager wants you to collect and organize comments and feedback on the latest sales dashboard design from different stakeholders using Figma's commenting feature.

📊 Data: You have a Figma file with the sales dashboard prototype. Stakeholders will add comments directly on the design to suggest improvements or ask questions.

🎯 Deliverable: A summary report listing all comments, who made them, their location on the dashboard, and your planned actions to address each feedback.

Sample Data

Comment ID	Commenter	Comment Text	Location on Dashboard	Status
1	Manager	Can we add a filter for region?	Top filter bar	Open
2	Analyst	The sales trend line is hard to read, increase line thickness.	Sales Trend Chart	Open
3	Manager	Include monthly sales numbers as labels on bars.	Monthly Sales Bar Chart	Open
4	Designer	Use consistent colors for regions across charts.	All charts	Open
5	Analyst	Legend font size is too small, increase it.	Legend area	Open

1

Step 1: Open the Figma file containing the sales dashboard prototype.

Navigate to the prototype page in Figma.

Expected Result

You see the full dashboard design ready for review.

2

Step 2: Enable the Comments mode in Figma to view all stakeholder comments.

Click the 'Comments' button in the top-right corner of Figma interface.

Expected Result

All comments appear pinned to their locations on the dashboard.

3

Step 3: Review each comment and note the commenter, comment text, and location on the dashboard.

For each comment, record: Comment ID, Commenter, Comment Text, Location on Dashboard.

Expected Result

You have a list of all comments with details for tracking.

4

Step 4: Create a summary table in a spreadsheet or document to organize comments and track status.

Columns: Comment ID, Commenter, Comment Text, Location, Status, Planned Action.

Expected Result

A clear table listing all comments and space to add your response.

5

Step 5: For each comment, write a planned action describing how you will address the feedback.

Example: For 'Add filter for region' comment, planned action = 'Add region filter dropdown to top filter bar.'

Expected Result

Each comment has a clear next step to improve the dashboard.

6

Step 6: Share the summary report with stakeholders for confirmation and further discussion.

Export the summary table as PDF or share via collaboration tool.

Expected Result

Stakeholders see their feedback acknowledged and planned actions.

Final Result

---------------------------------------------
| Comment ID | Commenter | Location           |
|------------|-----------|--------------------|
| 1          | Manager   | Top filter bar     |
| 2          | Analyst   | Sales Trend Chart  |
| 3          | Manager   | Monthly Sales Bar Chart |
| 4          | Designer  | All charts         |
| 5          | Analyst   | Legend area        |
---------------------------------------------

Summary:
- Add region filter dropdown at top filter bar.
- Increase sales trend line thickness.
- Add monthly sales labels on bars.
- Use consistent colors for regions.
- Increase legend font size.

Status: All feedback acknowledged and planned for implementation.

✓Stakeholders want more interactive filtering options.

✓Visual clarity improvements are needed for charts and legends.

✓Consistency in color usage is important for user understanding.

✓Organizing feedback in one place helps track progress and communicate clearly.

Bonus Challenge

Use Figma's tagging and filtering features to categorize comments by priority (e.g., High, Medium, Low) and create a visual dashboard of feedback status.

Show Hint

Use tags or labels in Figma comments and create frames or components to represent status visually.

Practice

1. What is the main purpose of using comments in Figma during a design project?

easy

A. To communicate directly on designs and share feedback

B. To change the colors of design elements

C. To export the design files

D. To create new design layers

Solution

1. Step 1: Understand the role of comments in Figma

   Comments are used to communicate and give feedback directly on design elements.

2. Step 2: Identify the correct purpose

   Changing colors, exporting files, or creating layers are not related to comments.

3. Final Answer:

   To communicate directly on designs and share feedback -> Option A

4. Quick Check:

   Comments = Communication and feedback [OK]

Hint: Comments = direct feedback on designs [OK]

Common Mistakes:

• Confusing comments with editing tools
• Thinking comments change design elements
• Mixing comments with exporting features

2. Which of the following is the correct way to add a comment in Figma?

easy

A. Right-click and select 'Delete Comment'

B. Double-click a layer to add a comment

C. Click the Comment tool and click on the design to place a comment

D. Use the Text tool to write comments directly on the canvas

Solution

1. Step 1: Recall how to add comments in Figma

   Comments are added by selecting the Comment tool and clicking on the design area.

2. Step 2: Eliminate incorrect options

   Right-click 'Delete Comment' removes comments, double-clicking a layer edits it, and Text tool adds text, not comments.

3. Final Answer:

   Click the Comment tool and click on the design to place a comment -> Option C

4. Quick Check:

   Add comment = Comment tool + click [OK]

Hint: Use Comment tool to add comments [OK]

Common Mistakes:

• Confusing comment adding with deleting
• Using Text tool instead of Comment tool
• Trying to add comments by double-clicking layers

3. In Figma, if a team member replies to a comment and then marks it as resolved, what happens to that comment thread?

medium

A. The comment thread is deleted permanently

B. The comment thread is hidden but can be viewed later

C. The comment thread is duplicated for record

D. The comment thread is locked and cannot be replied to

Solution

1. Step 1: Understand the resolve feature in Figma comments

   Resolving a comment hides the thread from the main view but keeps it accessible for later review.

2. Step 2: Compare options with this behavior

   Comments are not deleted, duplicated, or locked; they are hidden but retrievable.

3. Final Answer:

   The comment thread is hidden but can be viewed later -> Option B

4. Quick Check:

   Resolve comment = hide thread, not delete [OK]

Hint: Resolve hides comments, doesn't delete [OK]

Common Mistakes:

• Thinking resolved comments are deleted
• Assuming comments get duplicated
• Believing resolved comments cannot be reopened

4. You try to reply to a comment in Figma but the reply box does not appear. What is the most likely reason?

medium

A. Your internet connection is too fast

B. The design file is corrupted

C. You are using the wrong tool to add comments

D. You do not have permission to comment on this file

Solution

1. Step 1: Identify common reasons for reply issues

   Permission issues often prevent replying to comments in shared files.

2. Step 2: Evaluate other options

   File corruption is rare and would cause bigger issues; wrong tool would not allow adding comments at all; internet speed does not block replies.

3. Final Answer:

   You do not have permission to comment on this file -> Option D

4. Quick Check:

   Permission needed to reply to comments [OK]

Hint: Check permissions if reply box missing [OK]

Common Mistakes:

• Blaming file corruption
• Confusing tool usage with permissions
• Ignoring permission settings

5. A project manager wants to keep the design feedback organized by showing only unresolved comments on the dashboard. Which Figma feature should they use to achieve this?

hard

A. Filter comments to show only unresolved threads

B. Delete all resolved comments permanently

C. Export comments to a separate file

D. Use the Text tool to highlight unresolved comments

Solution

1. Step 1: Identify how to manage comment visibility in Figma

   Figma allows filtering comments to show only unresolved ones, keeping feedback organized.

2. Step 2: Evaluate other options

   Deleting comments loses history, exporting is not for filtering, and Text tool does not manage comments.

3. Final Answer:

   Filter comments to show only unresolved threads -> Option A

4. Quick Check:

   Filter = show unresolved comments only [OK]

Hint: Use comment filter for unresolved only [OK]

Common Mistakes:

• Deleting comments instead of filtering
• Using Text tool for comment management
• Exporting comments instead of filtering