ComponentQA - Find Detached Instances & Design System Check

About this plugin

Stop shipping broken files.

ComponentQA is the automated Quality Assurance (QA) tool for Figma. Don't let "Detached Instances" or rogue hex codes sneak into production.

With one click, ComponentQA scans your file, validates your tokens, and gives you full QA details.

What it finds:

* Detached Instances: Locate every component that has been broken from the master.

* Design Token Validation: Validate colors, typography, spacing, border radius, and shadows against your source of truth.

* Override Diagnostics: Surface heavy deviations and "dirty" overrides that bloat your file.

* Deprecated Components: Identify outdated components that need upgrading.

* Reset Instances: Find components that have been fully reset to default unnecessarily.

* Overridden Instances: Find components that have had changes from the main component.

Key Features:

* Multi-Scope Audit: Scan a single selection, a specific page, or the entire file in seconds.

* Usage Analytics: Reveal underused, overused, and "rogue" components that are cluttering your library.

* Smart Suggestions: Get intelligent recommendations for token fixes to speed up your cleanup.

FAQ

How do I find detached instances?

Run ComponentQA on "Entire Page" or "Selection" to see a list of all broken components.

Does this check for missing styles?

Yes, it validates against your Design Tokens (Color, Type, Spacing).

Learn more at BiblioKit.com