ComponentQA - Design System Audit, Detached Instances & Component Health Monitoring
The Design System QA. Instantly find detached instances, missing styles, and errors before handoff.
Plugin Preview
About this plugin
Your design system is only as strong as its weakest file. ComponentQA is the only Figma plugin that continuously monitors your design files 24/7 — catching broken components, token violations, style drift, and detached instances before they reach handoff.Most teams only discover design system debt during reviews or developercomplaints. ComponentQA runs in the background so you don't have to.What ComponentQA doesDeep component QA — Detects detached, reset, broken, duplicate, and overridden component states with granular detail. See exactly which overrides were applied, whether they're token-bound or uncontrolled, and how severe each finding is.24/7 file health monitoring — Continuously watches your Figma files and alerts you when design system health degrades. Get notified about health score drops, new critical issues, and rising issue counts — before your next review.Token & style validation — Flags hard-coded hex values, spacing violations, typography mismatches, border radius inconsistencies, and shadow drift across your entire file.Weighted health scoring — Get a single health score (0-100) for any file or page, weighted by issue severity. Track trends over time with built-in history and see exactly which fixes will recover the most points.Shareable audit reports — Generate and export pre-handoff QA reports your team and stakeholders can act on. Export issues directly to Jira or Linear with full context and severity.CSV export — Pull full audit data out of Figma for documentation, tracking, or design ops workflows.Flexible scope — Run on a full page, all pages, or just a selection. Works onfiles of any size — optimized for documents with 100,000+ nodes.6 audit categories1. Detached components — Orphaned instances with broken library links,inaccessible libraries, and unresolvable remote components.2. Component overrides — Style, layout, text, and swap overrides withvariable-binding detection so token-controlled changes aren't flagged.3. Design token violations — Hardcoded colors, spacing off the grid, non-standardtypography, rogue border radii, and inconsistent shadows.4. Duplicate components — Functionally identical variants, near-identical names,and dead variants adding maintenance burden.5. Reset components — Instances that had overrides but were reverted to defaults,tracked between audit runs.6. Default/unused components — Variants never instantiated in the document.Who it's for- Design system maintainers who need to enforce consistency across multiple filesand teams- Design ops teams running formal QA gates before developer handoff- Agencies managing design systems across multiple client workspaces- Enterprise teams who can't afford silent drift between design system reviewsWhat's free- 5 audits per day (+ bonus audits with email signup)- Full access to detached component and spacing-token audits- Health score tracking with 5 history snapshots per file- CSV exportWhat's in Pro- Unlimited audits- All 6 audit categories including color tokens, overrides, duplicates, andlibrary compliance- 24/7 file monitoring with email alerts- Jira and Linear integration for issue export- 20 history snapshots per file- 14-day free trial includedComponentQA is the automated quality assurance tool for Figma. Don't let detachedinstances or rogue hex codes sneak into production.---FAQHow do I find the issues in my file?Run the ComponentQA audit to find every issue in your file — including hardcodedhex values, reset instances, overridden components, duplicates, and tokenviolations. Click any finding to select it directly in Figma.Can I run it on just part of my file?Yes. You can audit a full page, all pages, or just your current selection.Is this plugin free?Yes, it's free to try. You get 5 audits per day on the free plan with access tocore checks. More advanced features like unlimited audits, all 6 auditcategories, 24/7 monitoring, and issue tracker integration are available with Proplans.What's the 24/7 monitoring feature?Add your Figma files to continuous monitoring and ComponentQA will automaticallyre-analyze them when changes are detected. You'll receive email alerts whenhealth scores drop or new critical issues appear — no manual audits needed.Can I export issues to Jira or Linear?Yes. Pro users can export audit findings directly to Jira or Linear with fullissue context, severity, and component details attached.Does it work on large files?ComponentQA is optimized for enterprise-scale documents with 100,000+ nodes. Ituses a single-pass traversal engine with adaptive performance tuning that keepsFigma responsive during analysis.How is the health score calculated?Health starts at 100 and applies weighted deductions by issue type: tokenviolations (-40), duplicates (-25), overrides (-15), and detached components(-10). The score includes prioritized recovery recommendations so you knowexactly where to focus.
Plugin Details
| Version | 58 |
|---|---|
| Created | October 26, 2025 |
| Last Updated | March 12, 2026 |
| Category | File organization plugins |
| Creator | BiblioKit Emilia |
| Stats | 107 installs, 30 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://api.componentqa.com
- https://api.lemonsqueezy.com
- https://app.posthog.com
- https://us.i.posthog.com
More Like This
Discover other plugins in the File organization plugins category.