Comments and feedback in Figma - Dashboard Guide

Dashboard Mode - Comments and feedback

Goal

Understand how to add, view, and manage comments and feedback in a BI dashboard design using Figma to improve collaboration.

Sample Data: Comments List

Comment ID	User	Timestamp	Comment Text	Resolved
1	Alice	2024-06-01 10:15	Can we add a filter for region?	No
2	Bob	2024-06-01 11:00	The sales chart colors are hard to read.	Yes
3	Clara	2024-06-01 11:30	Can we show monthly sales instead of quarterly?	No
4	David	2024-06-01 12:00	Great dashboard! Very clear.	Yes
5	Eve	2024-06-01 12:30	Can we add a tooltip explaining the KPIs?	No

Dashboard Components

• Comments Panel: A scrollable list showing all comments with user, timestamp, and text. Resolved comments are visually marked.
• New Comment Input: Text box and submit button to add new comments linked to specific dashboard elements.
• Filter Toggle: Checkbox to show only unresolved comments or all comments.
• Comment Highlight: When a comment is selected, the related dashboard element is highlighted for context.

Dashboard Layout

+--------------------------------------------------+
|                   Dashboard Title                 |
+----------------------+---------------------------+
|                      |                           |
|   Comments Panel     |      Main Dashboard       |
|   (scrollable list)  |      (charts, KPIs)       |
|                      |                           |
+----------------------+---------------------------+
|  New Comment Input    |  Filter Toggle (checkbox) |
+--------------------------------------------------+
  

Interactivity

Adding Comments: Users type in the New Comment Input and submit. The comment appears in the Comments Panel immediately.

Filtering Comments: The Filter Toggle checkbox filters the Comments Panel to show only unresolved comments or all comments.

Comment Selection: Clicking a comment highlights the related dashboard element (like a chart or KPI) to provide context.

Marking Resolved: Users can mark comments as resolved, which updates the Resolved status and changes the visual style in the Comments Panel.

Self Check

Try toggling the filter to show only unresolved comments. Which comments disappear from the Comments Panel?

Answer: Comments with IDs 2 and 4 are resolved and will disappear, leaving comments 1, 3, and 5 visible.

Key Result

A dashboard design showing how to manage comments and feedback with filtering and highlighting features.

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