0
0
Figmabi_tool~8 mins

Figma Community exploration - Dashboard Guide

Choose your learning style9 modes available
LearnWhyDeepSheetTryChallengeScenarioRecallDash
Dashboard Mode - Figma Community exploration
Dashboard Goal

Understand the popularity and usage of top Figma Community files by tracking downloads, likes, and comments.

Sample Data
File Name Author Downloads Likes Comments Category
UI Kit Pro DesignMaster 1200 350 45 UI Kits
Wireframe Templates SketchGuru 900 280 30 Wireframes
Icon Set 2024 IconicArt 1500 400 60 Icons
Mobile App Templates AppCreator 1100 320 50 Templates
Design System Basics Systematic 800 250 20 Design Systems
Dashboard Components
  • KPI Card - Total Downloads: Sum of all downloads (1200 + 900 + 1500 + 1100 + 800 = 5500)
  • KPI Card - Total Likes: Sum of all likes (350 + 280 + 400 + 320 + 250 = 1600)
  • KPI Card - Total Comments: Sum of all comments (45 + 30 + 60 + 50 + 20 = 205)
  • Bar Chart - Downloads by File Name: Visualizes downloads per file to compare popularity.
  • Pie Chart - Category Distribution: Shows percentage share of files by category.
  • Table - Detailed File Data: Displays all columns from sample data for reference.
Dashboard Layout
+-----------------------------------------------------+
| Total Downloads | Total Likes | Total Comments      |
|     [5500]     |   [1600]   |      [205]          |
+-----------------------------------------------------+
|                                                     |
|  Bar Chart: Downloads by File Name                   |
|                                                     |
+---------------------------+-------------------------+
| Pie Chart: Category       | Table: Detailed File    |
| Distribution              | Data                   |
+---------------------------+-------------------------+
Interactivity

Adding a category filter lets users select one or more categories. When a category is selected:

  • KPI cards update to show totals only for selected categories.
  • Bar chart updates to show downloads for files in selected categories.
  • Pie chart updates to reflect distribution within selected categories.
  • Table filters to show only files in selected categories.
Self Check

If you add a filter for Category = "Icons", which components update and what changes occur?

  • KPI Cards: Show downloads (1500), likes (400), comments (60) only for "Icons" category.
  • Bar Chart: Displays only "Icon Set 2024" downloads bar.
  • Pie Chart: Shows 100% for "Icons" category.
  • Table: Shows only the row for "Icon Set 2024".
Key Result
Dashboard showing downloads, likes, comments, and category distribution of top Figma Community files.