Tokens to Tailwind CSS

This plugin generates utility classes for Tailwind CSS from design tokens set in the local style of Figma.

InstructionsCreate a local styles.

Run this plugin.

Select some options and press generate button.

Copy and paste the generated code into the Tailwind CSS configuration file.*Currently only colour styles are supported.

Options・Primitive coloursGenerates the primitive styles referenced by the semantic style as CSS variables.・Classify by keysClassify by key if a special name is used for the first level of the style name.

Find out more:https://github.com/K-shigehito/figma-tokens-to-tailwind#readme