Design Reviewer

About this plugin

You’ve spent weeks building a beautiful Design System with Figma Variables and Auto-layout. But as the deadline approaches, a few detached colors, a couple of "15px" gaps, and a handful of non-component frames always sneak into your final screens.Design Reviewer is the quality control plugin for Figma pros who care about precision. It scans your selection in seconds and flags every single element that isn't following your system.🎯 What it catches for you:The "Variable-Only" Audit: We prioritize Variables. If you’re using a Legacy Style but haven't migrated it to a Color Variable, we’ll flag it.Detached Text Styles: Find every rogue font size or weight that isn't tied to your library.The "Molecule" Detector: Identifies frames that could be components (like icons paired with text) but are still floating around as loose layers.Spacing Violations: Instantly find Auto-layout containers using hardcoded pixel values instead of your Spacing Variables.Cross-Library check: Working with multiple libraries can confuse designers, choosing the wrong variables. Check against specific libraries.✨ Why you’ll love it:Scope-Aware: We won't suggest a "Gap" variable for a "Fill" property. The plugin respects Figma Variable Scopes for zero-mistake fixing.Built for Speed: Auditing a massive file? Our async scanning engine handles 5,000+ layers without freezing your Figma UI.Noise Reduction: Skip hidden layers and "Ignore" intentional deviations so you can focus on what actually needs fixing.🛠 How it works:Select a Frame, Section, or your entire Page.Scan with one click.Review the categorized list of "Design Debt."Fix it instantly by selecting the suggested Variable or clicking the layer to jump right to it.