Variable Tracker

About this plugin

Variable Tracker helps you maintain consistency in large design systems by tracking variable usage and detecting unlinked colors.

🔍 SEARCH & REPLACE VARIABLES

Find all components using a specific variable:

1. Quick search with searchable dropdown
2. Select specific variants that use the variable
3. Bulk replace variables across multiple components
4. Choose page or document scope for better performance

🎨 UNLINKED COLORS AUDIT

Scan for colors not linked to your design system:

1. Detect external variables from other design systems (shows variable names)
2. Find hardcoded hex colors
3. Navigate directly to elements or components
4. Perfect for design system cleanup and maintenance

✨ KEY BENEFITS

1. Save time finding where variables are used
2. Maintain consistency across large design files
3. Clean up legacy components with hardcoded colors
4. Audit external dependencies from other design systems
5. Bulk operations for efficient updates

1. ⚡️ BUILT FOR PERFORMANCE
2. Scope selection (page/document) for faster scans
3. Works with component sets, variants, and standalone components
4. Scans fills and strokes recursively
5. Efficient handling of large design systems

Perfect for design system managers, UI designers, and teams maintaining large Figma files.