A light tool for generate Figma design tokens as variables.

npm install figma-tokens --save-dev

figma-tokens api

Generate tokens as all plattforms tokens variables with a figma schema.

Supported format: CSS / SCSS / LESS / JS / JSON

figma-tokens build

Duplicate and use the figma file to work with the token structure.

📄 Figma file template

https://www.figma.com/developers/api

Modify config with your figma API key and figma id in config.figma.json

Create a config.figma.json file and added your credentials.

{
  "FIGMA_APIKEY": "Your Figma API key",
  "FIGMA_ID": "Your Figma file id"
}

Working on an npm package, you can look at this repository meanwhile :)

https://github.com/klaufel/pattern-library-skeleton/tree/master/src/figma-tokens

MIT License © Juan Carlos Ruiz