figma-tokens icon indicating copy to clipboard operation
figma-tokens copied to clipboard

How to start?

Open klaufel opened this issue 4 years ago • 0 comments

Let´s start!

Duplicate figma design tokens file

Figma file: https://www.figma.com/file/IGr2xoqcZX91CU7CDr4ZsI

image

Get your figma file id

image

Get your figma API key

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

image

Install dependencies $ npm install figma-tokens --save-dev

And then, launch storybook $ npm run storybook

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

Create config image

Generate design tokens as variables

$ npm run tokens

$ npm run tokens:api Generate tokens data base (only figma)

$ npm run tokens:build Generate all plattforms tokens vars with a figma data base

😊 Enjoy!

klaufel avatar Sep 05 '20 15:09 klaufel