figma-tokens

0.0.8 • Public • Published

figma-tokens · GitHub license npm Gzip size

A light tool for generate Figma design tokens as variables.

🚀 Installation

npm install figma-tokens --save-dev

🧐 How to use?

Extract Figma tokens schema

figma-tokens api

Generate tokens as variables

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

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

figma-tokens build

🤝 Requeriments

Duplicate figma design tokens file

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

📄 Figma file template

image

Get your figma file id

image

Get your figma API key

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

image

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

Create config

image

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

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

License

MIT License © Juan Carlos Ruiz

/figma-tokens/

    Package Sidebar

    Install

    npm i figma-tokens

    Weekly Downloads

    7

    Version

    0.0.8

    License

    MIT

    Unpacked Size

    15.6 kB

    Total Files

    16

    Last publish

    Collaborators

    • klaufel