Figma Design System Auditor

About this plugin

Design System Auditor is a comprehensive design system quality tool that ensures your Figma files are production-ready for AI-powered code generation — especially React Native cross-platform apps.4 tabs, one plugin:1. AI ReadyScore your design 0-100 across 6 quality dimensions — Naming, Token Binding, Auto Layout, Structure, Spacing, and Readability. These are the factors that determine whether AI generates clean code or a mess. Includes a Prompt Generator that creates complete AI code prompts with design tokens, layer tree, navigation architecture, and component mapping for Expo or React Native CLI. Component Mapping auto-detects Figma components and maps them to React Native equivalents (Button → TouchableOpacity, Input → TextInput, etc.) with confidence scoring. Expandable issue lists with click-to-select — tap any finding to select the node in Figma.2. AuditRun a full design system health check across 7 quality dimensions. Get a 0-100 score with clickable stat cards for unnamed layers, missing Auto Layout, generic property names, missing descriptions, inconsistent boolean naming, missing component states, and duplicate token groups. Export results as a markdown report.3. FixSmart context-aware rename suggestions for unnamed layers — analyzes text content, icons, images, and parent context to generate meaningful names. Find & Replace across all layer names. Auto-Generate Descriptions for components missing them. Auto Layout Check scans every frame without Auto Layout and suggests the correct direction (H/V) by analyzing child positions — apply in bulk with configurable gap and padding. Click any layer name to select it in Figma.4. CleanupFind detached instances, unused styles, layer issues, missing annotations, and accessibility problems. Bulk fix actions for common issues.Built for the AI-first design workflow. When developers use AI to generate code from your Figma files, design quality directly impacts code quality. This plugin catches the issues that make AI code generation fail — before they reach the developer.Every issue is clickable — tap any finding to select the node in Figma and fix it immediately.