Wrack's Figma Auditor

About this plugin

Wrack's Figma Auditor is a comprehensive design system quality tool thatensures your Figma files are production-ready for AI-powered code generation —especially React Native cross-platform apps.6 powerful tabs, one plugin:1. AuditRun a full design system health check across 7 quality dimensions. Get a 0-100score with clickable stat cards for unnamed layers, missing Auto Layout,generic "Property 1" names, missing descriptions, inconsistent boolean naming,missing component states, and duplicate token groups. Export results as amarkdown report.2. Rename & FixSmart context-aware rename suggestions for unnamed layers — analyzes textcontent, icons, images, and parent context to generate meaningful names.Includes Find & Replace across all layer names, a Boolean Normalizer (fixes"On?=yes" to "isEnabled=true"), and an auto Description Generator forcomponents.3. Auto LayoutScans every frame without Auto Layout and suggests the correct direction(Horizontal/Vertical) by analyzing child positions. Apply Auto Layout in bulkwith configurable gap and padding — smart spacing detection finds the mostcommon gap value automatically.4. ComponentsDetects variant-named frames and converts them into proper Component Sets withone click. Shows missing states for each component type (e.g., Button missingPressed/Loading). Bulk rename variant properties across the entire page.5. MCP ReadyValidates your design against AI code generation best practices — the checksthat matter when MCP tools read your Figma file. 6 categories: NamingConventions (Screen/ prefixes, PascalCase components), Hardcoded Values(fills/strokes not bound to variables), Touch Targets (44x44pt minimum),Screen Structure (device widths, scroll wrappers, clip content), ComponentArchitecture (group misuse, deep nesting, single-variant sets), andAccessibility (font size, WCAG contrast ratios, unnamed images, small icons).6. Style QADesign best practices specifically for React Native cross-platform (iOS +Android) AI code generation. 6 categories: Spacing Grid (4px alignment),Typography Scale (consistent sizes, explicit line heights), Color Palette(near-duplicate detection, opacity/gradient warnings), Responsive Layout(fixed-width in flex, safe areas, effect complexity), AI Generation Hints(appearance-based naming, absolute positioning, complex nodes, odd borderradii), and Cross-Platform compliance (input heights, tab bar sizing, headerheights, text edge margins).Built for the AI-first design workflow. When developers use AI to generatecode from your Figma files, design quality directly impacts code quality. Thisplugin catches the issues that make AI code generation fail — before theyreach the developer.Every issue is clickable — tap any finding to select the node in Figma and fixit immediately.