Variable Inspector - Find Manual Values & Remote Issues
Inspect design tokens, detect manual values, and identify remote variable issues
Plugin Preview
About this plugin
Variable Inspector helps you maintain a clean, systematic design by identifying variables and manual values in your Figma components and pages.Key Features:🔍 Three Inspection Modes:Current Node - Inspect the selected layer and see all bound variablesCurrent + Children - Analyze a component and all its nested layers recursivelyCurrent Page - Scan the entire page for issues across all components📊 Complete Variable Overview:View all variables bound to any property:Fill & stroke colorsStroke weightCorner radiusPadding (top, right, bottom, left)Item spacing (gap)Font family & font sizeShows variable paths and current valuesClick any variable path to copy to clipboardColor-coded badges (LOCAL/REMOTE/OTHER) for easy identification🎯 Manual Value Detection:Automatically highlights properties set manually (not bound to variables):Fill & stroke colorsStroke weight (when strokes are applied)Corner radiusPadding (all sides)Item spacing (gap)Font sizeManual values displayed in red at the top of lists for immediate attention⚠️ Remote Variable Alerts:Identifies and flags remote variables from contextual/features/ and contextual/elements/notification/ paths that should be localized, helping you maintain proper design system architecture.✨ Smart Features:Real-time updates as you select different layersClick any variable path to instantly copy to clipboardAuto-transforms contextual/elements/ to contextual/patterns/ when copying"Focus" button to jump directly to any layer with issues"GO TO LAYER" button (in red) for layers with remote variable issues"FIX MANUAL VALUES" button (in red) for layers with manual valuesSortable results with "Show remote issues first" optionProgress indicator for page scanningClean, organized interface with collapsible node groupsShows node type and variable count for each component💡 Perfect For:Design system maintenance and governanceComponent library auditsFinding hardcoded values before handoffEnsuring proper variable usage across filesIdentifying which variables are bound to which propertiesPre-handoff quality checksOnboarding new designers to your design systemDocumentation and design system compliance📋 Display Information:For each property, see:Property name (Fill Color, Padding Top, etc.)Variable path (e.g., "contextual/features/button/primary")Status badge (LOCAL/REMOTE/MANUAL/OTHER)Current value (colors shown as rgb, sizes in px)Note: Values set to 0 are ignored as they're typically intentional. Width and height are excluded as they're usually set manually by design.
Plugin Details
| Version | 1 |
|---|---|
| Created | September 30, 2025 |
| Last Updated | September 30, 2025 |
| Category | design-tools-other |
| Creator | D Buko |
| Stats | 4 installs, 1 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 design-tools-other category.