figma-tokens-converter-cli

A CLI with utilities to simplify the process of Figma Design Tokens to Frontend.

First Steps

Installation

In order to install it on your system simply run

yarn add figma-tokens-converter-cli

Example

For convinience i made an example that you can see here The example is how the cli can work on a project.

Help

By running the command as a cli on your terminal you can see the options and arguments needed You can define help for each utility as well

$ figma-tokens-converter-cli --help

$ figma-tokens-converter-cli parseFigmaTokens --help

$ figma-tokens-converter-cli parseJsonToCode --help

Utilities

parseFigmaTokens

This utility grabs all the properties from your .json file and export them to the output path specified. There are options to further expand some properties to from one file to several or specify only some properties.

Properties | name | type | option | description | |-----------------|--------------|------------------------|-------------------------------------------------------------------------------------------| | input | string | | The input of the .json figma file | | output | string | | Output directory to write the converted results | | pick | string | -p, --pick | Specify in comma separated format the properties to pick - Optional | | expand | string | -e, --expand | Specify in comma separated format the properties to expand in more files | | outputExtension | string | -oe, --outputExtension | The output file extension that must be transformed to. Defaults to json (default: "json") |

parseJsonToCode

This utility parse a directory of json files and converts them to code. By default it transforms them to TS files but you can also specify JS files.

Properties | name | type | option | description | |-----------------|--------------|------------------------|-------------------------------------------------------------------------------------------| | input | string | | The input directory | | output | string | | Output directory to write the converted results | | outputExtension | string | -oe, --outputExtension | The output file extension that must be transformed to. Defaults to json (default: "json") |