DSI: Design System Intelligence

DSI: Design System Intelligence is a governance-first audit plugin for design systems in Figma.

It helps design teams inspect system health, identify repeated issue patterns, and prioritize what to fix first, directly inside the plugin.DSI scans for:•Token compliance and hardcoded styles•Accessibility issues and contrast risks•Naming quality and structural consistency•Component and spacing signals•Root cause patterns across repeated issuesInstead of only listing issues, DSI also provides:•A Design System Health score•Severity classification: Critical, High, Medium, Low•Fix First prioritization•Governance profile context: Baseline, Strict, Enterprise•Root cause signals such as Missing Tokenization and Detached Local Styling•Reveal in Canvas for direct traceability•Exportable audit reports in multiple formats•Optional Cognitive / Focus Analysis for layout density, hierarchy, and readability signalsBest for:•Design system teams•Product designers•UX architects•Platform and governance teams•Teams reviewing library quality before scale or handoffCommunity Build – Free to use for personal and commercial workflows.

© 2026 Surendar Selvaraj. All rights reserved.