ResourcesAssetsCoursesGuides & Best PracticesExtensions & APIsArchive


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).

View on GitHub

Related Content

Bernardo Raposo | Extensions & APIs
Figma GraphQL
A GraphQL connector for the Figma API
Jon Gold | Extensions & APIs
Figma JS
Little wrapper (+ types) for the Figma API