Figma Color Tokens – Complete List & Reference of All Available Figma Color Tokens & Variables
by sherotree
Figma Color Tokens – Complete List & Reference of All Available Figma Color Tokens & Variables
Installs
503
Likes
28
Users
12,957
Views
3,902
Preview
About this plugin
Figma Color Tokens – Complete List & Reference of All Available Figma Color Tokens & VariablesQuickly access and reference every available color token in Figma – perfect for plugin developers, design system builders, or anyone working with Figma variables, modes, aliases, and semantic colors!
This lightweight plugin provides a searchable, up-to-date list of all standard Figma color tokens (including core primitives, semantic roles, mode-specific values, HEX/RGBA equivalents, and aliases where defined). No more digging through docs or trial-and-error when integrating colors in custom plugins, scripts, or design tokens workflows.
Tagsfigma color tokens, figma color variables list, figma plugin color tokens, available figma color tokens, figma token reference, color tokens plugin figma, figma variables colors, semantic color tokens figma, figma color token lookup, design tokens reference figma, figma plugin developer tools, color variables explorerKey Features:
Full catalog of Figma's color tokens – names, values, and referencesEasy search/filter to find specific tokens instantlyView HEX, RGBA, and alias details for accurate implementationSupports Figma's variable modes and collectionsLightweight & fast – runs directly in your Figma fileRegular updates to match Figma's evolving color systemIdeal for:
Plugin creators building color-related tools (e.g., generators, exporters, appliers)Design system teams defining/auditing color primitives and semanticsDevelopers syncing Figma tokens to code (Tailwind, CSS vars, etc.)Anyone needing a reliable reference without leaving Figma🍻 Support/CommunityNeed help? Join us on our Discord community and discuss with one of our team members.
Free to use – install now and keep your color token knowledge at your fingertips!
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.