Multi-brand design systems in Figma - Dashboard Guide

Dashboard Mode - Multi-brand design systems

Dashboard Goal

This dashboard helps design teams track and compare the usage and consistency of design components across multiple brands within a company. It answers: Which brand uses which components most? Are there any inconsistencies in component usage?

Sample Data

Brand	Component	Usage Count	Consistency Score (%)
Brand A	Button	120	95
Brand A	Card	80	90
Brand B	Button	150	88
Brand B	Card	60	85
Brand C	Button	100	92
Brand C	Card	90	93
Brand C	Modal	40	89

Dashboard Components

• KPI Card: Total Usage per Brand
  Formula: Sum of Usage Count grouped by Brand.
  Example: Brand A total usage = 120 + 80 = 200
• Bar Chart: Component Usage by Brand
  Shows Usage Count for each Component per Brand.
  X-axis: Components, Y-axis: Usage Count, Color: Brand
• Table: Consistency Scores
  Lists each Brand and Component with their Consistency Score (%)
  Helps identify components with low consistency
• Filter: Brand Selector
  Allows selecting one or multiple brands to filter all visuals

Dashboard Layout

+----------------------+--------------------------+
|  KPI Cards (Brands)  |  Brand Selector Filter    |
|  [Total Usage]       |  [Dropdown: Brand A,B,C] |
+----------------------+--------------------------+
|                                              |
|      Bar Chart: Component Usage by Brand     |
|                                              |
+----------------------------------------------+
|                                              |
|           Table: Consistency Scores           |
|                                              |
+----------------------------------------------+

Interactivity

The Brand Selector filter controls which brands appear in the KPI cards, bar chart, and consistency table. Selecting one brand updates all visuals to show data only for that brand. Selecting multiple brands shows combined data. This helps users focus on specific brands or compare multiple brands side by side.

Self Check

If you add a filter to select only Brand B, which components update?

• KPI Cards show total usage only for Brand B (Button: 150 + Card: 60 = 210)
• Bar Chart shows usage counts for Brand B components only
• Consistency Table shows consistency scores for Brand B components only

Key Result

Dashboard showing component usage and consistency across multiple brands with brand filter.