figma-tokens-converter-cli v1.3.0
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-cliExample
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 --helpUtilities
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") |