Installing and managing plugins in Figma - Dashboard Building Guide

Dashboard Mode - Installing and managing plugins

Goal

Understand how to install and manage plugins in Figma to enhance your design workflow efficiently.

Sample Data: Plugin List

Plugin Name	Category	Installed Date	Usage Count	Enabled
Color Contrast Checker	Accessibility	2024-05-01	15	Yes
Iconify	Icons	2024-04-20	30	Yes
Content Reel	Content	2024-05-10	8	No
Figmotion	Animation	2024-03-15	5	Yes
Remove BG	Image Editing	2024-05-05	12	Yes

Dashboard Components

• KPI Card: Total Plugins Installed
  Formula: Count of all plugins in the list
  Result: 5
• KPI Card: Active Plugins
  Formula: Count of plugins where Enabled = 'Yes'
  Result: 4
• Bar Chart: Usage Count by Plugin
  Shows each plugin's usage count as bars for quick comparison
• Table: Plugin Details
  Shows all columns from sample data for detailed view
• Filter: Enabled Status
  Allows filtering plugins by Enabled (Yes/No) to see active or inactive plugins

Dashboard Layout

+----------------------+----------------------+
| Total Plugins: 5     | Active Plugins: 4    |
+----------------------+----------------------+
|                      Bar Chart: Usage Count |
|                                            |
|                                            |
+--------------------------------------------+
| Plugin Details Table (with Enabled filter) |
+--------------------------------------------+

Interactivity

The Enabled Status filter controls which plugins appear in the bar chart and the plugin details table. Selecting 'Yes' shows only active plugins, updating usage counts and details accordingly. Selecting 'No' shows inactive plugins. The KPI cards update dynamically to reflect counts based on the filter selection.

Self Check

If you apply the filter to show only plugins where Enabled = 'No', which components update and what changes occur?

• The Active Plugins KPI updates to show 0 because no active plugins are selected.
• The Total Plugins KPI updates to show 1, the count of inactive plugins.
• The Bar Chart updates to show usage count only for inactive plugins (Content Reel with usage 8).
• The Plugin Details Table shows only the inactive plugin rows.

Key Result

Dashboard showing installed Figma plugins with usage, active status, and filter to manage plugins.