Back to Plugins
Variable Inspector - Find Manual Values & Remote Issues

Variable Inspector - Find Manual Values & Remote Issues

Inspect design tokens, detect manual values, and identify remote variable issues

Plugin Preview

Variable Inspector - Find Manual Values & Remote Issues 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

Version1
CreatedSeptember 30, 2025
Last UpdatedSeptember 30, 2025
Categorydesign-tools-other
CreatorD Buko
Stats4 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none