Figma Community exploration - Real Business Scenario

Scenario Mode

👤 Your Role: You are a product designer at a startup company.

📋 Request: Your manager wants you to explore Figma Community to find popular UI kits and design templates that can speed up your team's design process.

📊 Data: You have access to Figma Community where you can search and filter design resources by popularity, date, and category.

🎯 Deliverable: Create a report summarizing the top 5 most popular UI kits and templates, including their download counts, ratings, and categories.

Sample Data

Resource Name	Category	Downloads	Rating	Date Published
Modern UI Kit	UI Kit	1500	4.8	2024-01-15
Mobile App Templates	Template	1200	4.6	2024-02-10
Dashboard Components	UI Kit	1800	4.9	2023-12-05
Landing Page Templates	Template	1100	4.5	2024-03-01
E-commerce UI Kit	UI Kit	1400	4.7	2024-01-20
Icon Set Pack	Icons	900	4.4	2023-11-15
Social Media Templates	Template	1300	4.6	2024-02-25
Wireframe Kit	UI Kit	1600	4.8	2024-01-30

1

Step 1: Filter the data to include only UI Kits and Templates categories.

Filter rows where Category is 'UI Kit' or 'Template'.

Expected Result

7 rows remain with categories UI Kit or Template.

2

Step 2: Sort the filtered data by Downloads in descending order.

Sort by Downloads column from highest to lowest.

Expected Result

Rows ordered: Dashboard Components (1800), Wireframe Kit (1600), Modern UI Kit (1500), E-commerce UI Kit (1400), Social Media Templates (1300), Mobile App Templates (1200), Landing Page Templates (1100).

3

Step 3: Select the top 5 resources based on Downloads.

Take first 5 rows after sorting.

Expected Result

Top 5 resources selected.

4

Step 4: Create a summary table showing Resource Name, Category, Downloads, and Rating for the top 5.

Display columns: Resource Name, Category, Downloads, Rating for selected rows.

Expected Result

Summary table with 5 rows and 4 columns.

5

Step 5: Visualize the top 5 resources in a bar chart with Resource Name on X-axis and Downloads on Y-axis.

Bar chart configuration: X-axis = Resource Name, Y-axis = Downloads.

Expected Result

Bar chart showing download counts for top 5 resources.

Final Result

Top 5 Figma Community Resources by Downloads

Resource Name           | Downloads
---------------------------------------
Dashboard Components    | ██████████████████ 1800
Wireframe Kit           | ███████████████    1600
Modern UI Kit           | ██████████████     1500
E-commerce UI Kit       | █████████████      1400
Social Media Templates  | ████████████       1300

✓Dashboard Components is the most downloaded UI Kit with 1800 downloads and highest rating of 4.9.

✓Wireframe Kit and Modern UI Kit are also very popular with over 1500 downloads each.

✓Templates like Social Media Templates and Mobile App Templates have slightly lower downloads but good ratings.

✓UI Kits generally have higher downloads than Templates in this sample.

Bonus Challenge

Create a filterable dashboard in Figma that allows users to select category and sort by downloads or rating dynamically.

Show Hint

Use Figma's interactive components and variants to build dropdown filters and sorting buttons linked to your data visualization.