Overriding instance properties in Figma - Dashboard Guide

Dashboard Mode - Overriding instance properties

Dashboard Goal

This dashboard helps designers understand how overriding instance properties in Figma components affects design consistency and customization.

Sample Data: Component Instances

Instance ID	Component Name	Property Overridden	Original Value	Overridden Value	Override Type
1	Button	Text	Submit	Send	Text Override
2	Button	Color	#007AFF	#FF3B30	Color Override
3	Card	Shadow	None	Drop Shadow	Effect Override
4	Card	Text	Title	Welcome	Text Override
5	Icon	Size	24px	32px	Size Override
6	Icon	Color	#000000	#4CD964	Color Override

Dashboard Components

• KPI Card: Total Instances = 6 (Count of all instances)
• KPI Card: Overrides by Type = Text: 2, Color: 2, Effect: 1, Size: 1 (Count grouped by Override Type)
• Bar Chart: Overrides by Component Name showing number of overrides per component (Button: 2, Card: 2, Icon: 2)
• Table: Detailed list of instances with overridden properties (from sample data)

Dashboard Layout

+----------------------+------------------------+
| Total Instances (KPI) | Overrides by Type (KPI) |
+----------------------+------------------------+
|        Bar Chart: Overrides by Component Name        |
+-----------------------------------------------------+
|                 Detailed Overrides Table             |
+-----------------------------------------------------+

Interactivity

Filter by Component Name: Selecting a component (e.g., Button) updates the Bar Chart, KPI cards, and the Detailed Table to show only overrides related to that component.

Filter by Override Type: Selecting an override type (e.g., Color Override) updates all components to reflect only instances with that override type.

Self Check

If you add a filter for Component Name = Card, which components update and what do they show?

• KPI Cards: Total Instances updates to 2; Overrides by Type updates to Text:1, Effect:1
• Bar Chart: Shows only the Card component with 2 overrides
• Detailed Table: Shows only rows with Component Name 'Card'

Key Result

Dashboard showing how instance property overrides distribute across Figma components and override types.