Figma Color Tokens – Complete List & Reference of All Available Figma Color Tokens & Variables
Figma Color Tokens – Complete List & Reference of All Available Figma Color Tokens & Variables
Plugin 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!
Plugin Details
| Version | 6 |
|---|---|
| Created | August 19, 2023 |
| Last Updated | April 11, 2025 |
| Category | Software development |
| Creator | sherotree |
| Stats | 401 installs, 23 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
We need to access the Sentry API to catch the errors.
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.