TokenBoard

About this plugin

TokenBoard is an advanced Figma plugin designed to give you full visibility and control over local variable collections — whether you’re building a robust design system, managing light/dark modes, or maintaining consistent styles across teams.Features OverviewExplore Variables by Collection, Scope & ModeBrowse all local variable collections in your Figma fileOrganized as expandable tree structures by collection, group, and nested groupsView and compare values across all modes (e.g. “Light”, “Dark”)Smart SearchInstant full-text search across variable names, values, types, and scopesHighlights matches inside nested groupsKeeps scroll position and selection while typingVisual & Semantic DisplayColor tokens show live swatches, hex values, and opacityBoolean, number, string tokens are clearly labeledAliases display as links to target variables with inline previewsAliases & ReferencesDisplays alias chains with resolved valuesClickable interface to explore alias referencesSupports setting or detaching aliases via selector popupInline Editing of ValuesEdit most values directly inside the table: Colors (rgba), Strings, Numbers, Booleans, AliasesShows validation states and editable highlightsSupports editing multiple modes in a variableSelection-Aware Variable InspectorAutomatically detects all variables applied to the selected node(s) on the canvasDisplays them grouped by collection, scope, and modeResolves and highlights any aliases usedHandles nested selections and multiple nodesEdit Values Directly from the SelectionSelection-based variable data is cached with a unique keyImproves performance when switching between nodesCache is auto-expired after 5 minutes or can be manually refreshedBatch UpdateSend a list of changes (e.g. 30+ variable updates) in one clickType conversion (color objects, strings, aliases)Font loading for FONT_FAMILY variables (with fallback to alternative styles if “Regular” not available)Scope checks and error recovery per variableReturns a report of successful and failed updatesPerformance OptimizationsIn-memory caching of selection data with expiry (5 min)Caches up to 50 different selections to reduce API callsTracks which variables are already loaded to avoid duplicationFigma API Compatibility HandlingGraceful fallback if variable APIs or methods are unavailableError messages guide user to fix or retryClean, Resizable UIFully styled native-like UI with Figma theme support (light/dark)Flexible layout with resizable panelDisplays progress during data loadEmpty states and error messages styled for clarityIdeal Use CasesDesign system auditsToken cleanup and maintenanceVisual QA of theme modesAlias linking and optimizationBatch updates to variable valuesColor or typography token managementCompatibilityBuilt for the latest Figma API with full variable supportWorks in Figma files only (not FigJam)Requires Variables feature enabled in your Figma workspace