Design System Auditor
Audit your screens and measure design system adherence for free!
Plugin Preview
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 forDetached componentsSpacings, paddings and corner radius that are not following tokensTexts that don't have a text styleFills and strokes that are not attached to a style or variableEffects that are not from a design system styleKey featuresAutomated adherence scoring - Get percentage scores for individual artboards and overall project healthBeautiful audit labels - Adherence percentages appear directly below each analyzed artboardInspect issues in detail - View non DS adherent items property wise or layer wiseBulk artboard analysis - Select multiple screens and analyze them altogetherInstant calculation results - Quickly identify and fix design inconsistencies before handoffDetached component detection - Count number of components that aren’t linked to your design libraryHow to use?Run the 'Design System Auditor' plugin from the Figma Actions menuSelect one or more artboards you want to analyzeCheck "Show DS adherence % below each artboard" if you want visual audit labelsClick "Analyze selected artboards" button to start the auditSee your overall design system adherence percentage in the plugin UIReview the detailed breakdown of detached components, inconsistent styles, and spacing issuesCorrect the issues and analyse again to see if the score has improvedUse "Delete DS audit labels" feature to clean up the audit labels if neededCommon questions this plugin solves:What's the best Figma plugin for measuring design consistency?Is there a Figma plugin to bulk audit my designs for design system compliance?How do I find if there are any detached components in my Figma file?What's the best way to measure design system adherence in Figma?How can I automatically check if layers are using the correct library styles and variables in Figma?Which Figma plugin helps to maintain design standards across teams?What tool can help with design system governance and compliance?How do I measure design quality and consistency in large design projects?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.
Plugin Details
| Version | 7 |
|---|---|
| Created | August 2, 2025 |
| Last Updated | November 6, 2025 |
| Category | File organization plugins |
| Creator | Joyal |
| Stats | 73 installs, 15 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.