👋 Welcome to #zapatillasFromMars👟🚀

Design tokens

• 🍪 Breakpoints
• 🎨 Colors
• 🌀 Radius
• 🌚 Shadows
• 📐 Spacing
• 🖋 Typography

Let´s start!

Duplicate figma design tokens file

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

Get your figma file id

Get your figma API key

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

You can clone our Git repository: $ git clone git@github.com:klaufel/pattern-library-skeleton.git

Install dependencies $ npm install

And then, launch storybook $ npm run storybook

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

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!