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:Collects all colors from selected frames or pagesGenerates Material 3–compliant color palettesCreates structured color tokens ready for design systemsSaves time when building or migrating to Material 3Perfect 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
Stats2 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