File organization best practices in Figma - Dashboard Guide

Dashboard Mode - File organization best practices

Goal

How to organize Figma files to keep design projects clear, easy to find, and collaborate smoothly.

Sample File Structure

Folder / File Name	Description
Project XYZ	Main project folder
├── 01_Research	Contains user research and inspiration files
├── 02_Wireframes	Basic layout sketches and wireframes
├── 03_Designs	Final UI designs and prototypes
├── 04_Assets	Icons, images, and reusable components
├── 05_Notes	Meeting notes and feedback
README.md	File explaining folder structure and naming conventions

Dashboard Components

• KPI Card: Number of files per folder
  Formula: Count files in each folder
  Example: 5 files in 03_Designs
• Bar Chart: Files by type
  Formula: Count files by extension (e.g., .fig, .md)
  Shows distribution of file types
• Table: Naming conventions
  Shows prefix numbers and descriptions
  Example: '01_' means Research files

Dashboard Layout

+----------------------+--------------------+
| KPI: Files per Folder | Bar Chart: File    |
|                      | Types Distribution |
+----------------------+--------------------+
|                  Table: Naming Conventions           |
+-----------------------------------------------------+

Interactivity

Filter by folder prefix (e.g., '01_', '02_') updates the KPI card and bar chart to show only files in that folder. Selecting a file type in the bar chart filters the table and KPI card to show only matching files.

Self Check

Add a filter for folder prefix '03_'. Which components update and what do they show?

• KPI Card updates to show number of files in '03_Designs'.
• Bar Chart updates to show file types only in '03_Designs'.
• Table filters to naming conventions related to '03_Designs'.

Key Result

Dashboard showing Figma file organization with file counts, types, and naming conventions for easy project management.