Design System Auditor

About this plugin

Are your designers really using the design system? Stop guessing and start auditing.

Design System Auditor is a Figma plugin that analyzes your artboards and calculates how closely they follow your design system. It adds individual adherence scores below each selected artboard and shows an overall compliance percentage in the plugin UI. In seconds, identify detached components, and values that deviate from your established styles and variables.

Whether you're a designer ensuring quality, a manager tracking design debt, or a team aiming for perfect consistency, this plugin is your new best friend. Keep your designs pixel-perfect, reduce design inconsistencies, and supercharge your team's efficiency.

The plugin scans for

1. Detached components
2. Spacings, paddings and corner radius that are not following tokens
3. Texts that don't have a text style
4. Fills and strokes that are not attached to a style or variable
5. Effects that are not from a design system style

Key features

1. Automated adherence scoring - Get percentage scores for individual artboards and overall project health
2. Beautiful audit labels - Adherence percentages appear directly below each analyzed artboard
3. Detailed breakdown analysis - See exactly what's causing low adherence scores with specific metrics
4. Bulk artboard analysis - Select multiple screens and analyze them altogether
5. Instant calculation results - Quickly identify and fix design inconsistencies before handoff
6. Detached component detection - Count number of components that aren’t linked to your design library

How to use?

1. Run the 'Design System Auditor' plugin from the Figma Actions menu
2. Select one or more artboards you want to analyze
3. Check "Show DS adherence % below each artboard" if you want visual audit labels
4. Click "Analyze selected artboards" button to start the audit
5. See your overall design system adherence percentage in the plugin UI
6. Review the detailed breakdown of detached components, inconsistent styles, and spacing issues
7. Correct the issues and analyse again to see if the score has improved
8. Use "Delete DS audit labels" feature to clean up the audit labels if needed

Common questions this plugin solves:

1. What's the best Figma plugin for measuring design consistency?
2. Is there a Figma plugin to bulk audit my designs for design system compliance?
3. How do I find if there are any detached components in my Figma file?
4. What's the best way to measure design system adherence in Figma?
5. How can I automatically check if layers are using the correct library styles and variables in Figma?
6. Which Figma plugin helps to maintain design standards across teams?
7. What tool can help with design system governance and compliance?
8. How do I measure design quality and consistency in large design projects?
9. How to enforce and track design system usage in my organisation?

Design System Auditor is the answer to all these questions!

Note: The plugin consider component instances as fully DS adherent. So it won't look into the child layers of it.