Figma
Sign up
Figma

Figmagic

MV
Mikael Vesavuori, Contributor

Automate the generation of design tokens and specs from your Figma documents. Inspired by Salesforce Theo. - Extract design tokens for colors, typography (line heights, font sizes, font families), spacing, and grids. - Get design specifications for all of your Master Components.

A typical use case for the generated documents is to use the extracted values as a token base in CSS systems that support external values (such as Styled Components or Sass).

Try Figma for free.