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.