File and project organization in Figma - Dashboard Guide

Dashboard Mode - File and project organization

Goal

Organize your Figma files and projects to keep your BI dashboard designs neat, easy to find, and simple to update.

Sample Data

Project Name	File Name	File Type	Last Updated	Owner
Sales Dashboards	Q1 Sales Overview	Design File	2024-06-01	Alice
Sales Dashboards	Q2 Sales Overview	Design File	2024-06-15	Bob
Marketing Reports	Campaign Analysis	Design File	2024-05-20	Carol
Marketing Reports	Social Media Metrics	Prototype	2024-06-10	Dave
Executive Summaries	Annual Review	Design File	2024-04-30	Eve

Dashboard Components

• Project List Panel: Shows all projects with their files grouped by project name.
• File Details Table: Displays file name, type, last updated date, and owner for selected project.
• Recent Updates KPI: Counts files updated in the last 30 days.
• File Type Pie Chart: Visualizes distribution of file types across all projects.

Formulas/Expressions

• Recent Updates KPI: Count files where Last Updated >= Today - 30 days. For sample data, files updated after 2024-05-15 are counted (3 files).
• File Type Pie Chart: Calculate percentage of each file type from total files (5 files total): Design File (4 files, 80%), Prototype (1 file, 20%).

Dashboard Layout

+----------------------+-----------------------+
| Project List Panel    | File Type Pie Chart   |
| (Left side)          | (Top right corner)    |
+----------------------+-----------------------+
| File Details Table                         |
| (Bottom full width)                        |
+-------------------------------------------+
| Recent Updates KPI (Bottom right corner)  |
+-------------------------------------------+

Interactivity

Selecting a project in the Project List Panel updates the File Details Table to show only files from that project.

The File Type Pie Chart and Recent Updates KPI always show data for all projects combined.

Self Check

If you select the project Marketing Reports in the Project List Panel, which components update?

• The File Details Table updates to show only files from Marketing Reports (2 files).
• The Project List Panel, File Type Pie Chart, and Recent Updates KPI remain unchanged.

Key Result

A Figma project dashboard organizing BI design files by project, showing file details, recent updates, and file type distribution.