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.