Variable Inspector - Find Manual Values & Remote Issues

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 variables

Current + Children - Analyze a component and all its nested layers recursively

Current Page - Scan the entire page for issues across all components

📊 Complete Variable Overview:

View all variables bound to any property:

Fill & stroke colors

Stroke weight

Corner radius

Padding (top, right, bottom, left)

Item spacing (gap)

Font family & font size

Shows variable paths and current values

Click any variable path to copy to clipboard

Color-coded badges (LOCAL/REMOTE/OTHER) for easy identification

🎯 Manual Value Detection:

Automatically highlights properties set manually (not bound to variables):

Fill & stroke colors

Stroke weight (when strokes are applied)

Corner radius

Padding (all sides)

Item spacing (gap)

Font size

Manual 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 layers

Click any variable path to instantly copy to clipboard

Auto-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 values

Sortable results with "Show remote issues first" option

Progress indicator for page scanning

Clean, organized interface with collapsible node groups

Shows node type and variable count for each component

💡 Perfect For:

Design system maintenance and governance

Component library audits

Finding hardcoded values before handoff

Ensuring proper variable usage across files

Identifying which variables are bound to which properties

Pre-handoff quality checks

Onboarding new designers to your design system

Documentation 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.