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 & Variables
Quickly 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.
Tags
figma 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 explorer
Key Features:
- Full catalog of Figma's color tokens – names, values, and references
- Easy search/filter to find specific tokens instantly
- View HEX, RGBA, and alias details for accurate implementation
- Supports Figma's variable modes and collections
- Lightweight & fast – runs directly in your Figma file
- Regular updates to match Figma's evolving color system
Ideal for:
- Plugin creators building color-related tools (e.g., generators, exporters, appliers)
- Design system teams defining/auditing color primitives and semantics
- Developers syncing Figma tokens to code (Tailwind, CSS vars, etc.)
- Anyone needing a reliable reference without leaving Figma
🍻 Support/Community
Need 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 | 389 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.