Variable Atlas

About this plugin

A Figma plugin that maps and visualizes variable usage across your design files. Variable Atlas helps designers and developers understand how design tokens are applied throughout their projects, making it easy to audit, navigate, and maintain consistent token usage.How to UseOpen any Figma file that uses variablesLaunch Variable Atlas from the Plugins menuChoose your scan scope: current page or entire fileFilter by local or remote (library) collectionsClick any collection to expand and explore its variablesClick any variable or node to select it on the canvasUse "Expand all" / "Collapse all" to quickly navigate large token setsCore FeaturesVariable Discovery - Automatically scans and catalogs all variables in your file, including those from external librariesThree View Modes - Browse by Variables (grouped by type), Nodes (layers using tokens), or Bindings (property-level connections)Smart Filtering - Toggle between local and remote collections; scan current page or entire fileOne-Click Selection - Click any variable to select all nodes using it; click any node to zoom directly to itType Organization - Variables are automatically grouped by type: Colors, Numbers, Text, and BooleansUsage Counts - See at a glance how many nodes reference each variable or collectionLayer Status Badges - Hidden and locked layers are clearly marked with indicator iconsKey BenefitsAudit Token Usage - Quickly identify which tokens are used where, and spot inconsistenciesNavigate Large Files - Find and select layers by the tokens they use, even in complex multi-page filesUnderstand Dependencies - See which parts of your design depend on specific library collectionsOnboard Faster - Help new team members understand your design system's token structureDebug Styling Issues - Track down exactly which variables are applied to problematic layers