Figma account and workspace setup - Dashboard Guide

Dashboard Mode - Figma account and workspace setup

Goal

Understand how to set up a Figma account and workspace to organize design projects efficiently.

Sample Data: Workspace Projects

Project Name	Owner	Members	Last Updated	Status
Website Redesign	Alice	5	2024-06-10	Active
Mobile App UI	Bob	3	2024-06-08	Active
Marketing Assets	Carol	4	2024-05-30	Completed
Brand Guidelines	Alice	2	2024-06-01	Active
Prototype Testing	Dave	3	2024-06-05	Active

Dashboard Components

• KPI Card: Total Projects
  Formula: Count of all projects = 5
• KPI Card: Active Projects
  Formula: Count of projects where Status = 'Active' = 4
• Bar Chart: Projects by Owner
  Shows number of projects each owner manages.
  Data:
  • Alice: 2
  • Bob: 1
  • Carol: 1
  • Dave: 1
• Table: Project Details
  Shows all columns from sample data for detailed view.

Dashboard Layout

+----------------------+----------------------+
| Total Projects (KPI) | Active Projects (KPI) |
+----------------------+----------------------+
|      Bar Chart: Projects by Owner       |
|                                        |
+----------------------------------------+
|           Table: Project Details        |
|                                        |
+----------------------------------------+

Interactivity

Adding a filter for Owner updates the Bar Chart and Project Details Table to show only projects by the selected owner. The KPI cards update to reflect counts for the filtered projects.

Self Check

If you add a filter for Owner = Alice, which components update and what are their new values?

• KPI Cards: Total Projects = 2, Active Projects = 2
• Bar Chart: Shows only Alice with 2 projects
• Project Details Table: Shows only rows where Owner is Alice

Key Result

Dashboard shows Figma workspace projects overview with KPIs, owner distribution, and detailed project list.