Back to Plugins
Color Variables Tokens Generator

Color Variables Tokens Generator

Generate Material 3 color palettes and design tokens from your Figma files

Plugin Preview

Color Variables Tokens Generator preview

About this plugin

M3 Color Palette Generator helps you automatically extract all colors from your Figma designs and generate a complete Material 3 (Material You) color palette.


The plugin analyzes colors used in your layouts and converts them into Material 3 color roles and design tokens, including primary, secondary, tertiary, surface, background, error, and their variants.


Key features:

  1. Collects all colors from selected frames or pages
  2. Generates Material 3–compliant color palettes
  3. Creates structured color tokens ready for design systems
  4. Saves time when building or migrating to Material 3


Perfect for UX/UI designers, design system teams, and anyone working with Material Design 3 in Figma.

Plugin Details

Version2
CreatedDecember 15, 2025
Last UpdatedDecember 23, 2025
Categorydesign-tools-other
CreatorMax Chetvertkov
Stats0 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none