Back to Plugins
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

Figma Color Tokens – Complete List & Reference of All Available Figma Color Tokens & Variables

propertiescssvariablesiconsdeveloperdesign systemcolordevelopmentstylesmobileweb

Plugin Preview

Figma Color Tokens – Complete List & Reference of All Available Figma Color Tokens & Variables 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:

  1. Full catalog of Figma's color tokens – names, values, and references
  2. Easy search/filter to find specific tokens instantly
  3. View HEX, RGBA, and alias details for accurate implementation
  4. Supports Figma's variable modes and collections
  5. Lightweight & fast – runs directly in your Figma file
  6. Regular updates to match Figma's evolving color system


Ideal for:

  1. Plugin creators building color-related tools (e.g., generators, exporters, appliers)
  2. Design system teams defining/auditing color primitives and semantics
  3. Developers syncing Figma tokens to code (Tailwind, CSS vars, etc.)
  4. 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

Version6
CreatedAugust 19, 2023
Last UpdatedApril 11, 2025
CategorySoftware development
Creatorsherotree
Stats389 installs, 23 likes
PricingFree

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:
    • *