Skip to content

unbounce/design-token-transformer

 
 

Repository files navigation

Design Token Transformer

Related Confluence article here: https://unbounce.atlassian.net/wiki/x/A4Dt1g

Installation

1. Download or clone the repo to your computer

git clone https://github.com/unbounce/design-token-transformer.git

2. Install dependencies

  1. From within the terminal, cd (navigate) to this folder.
  2. Run npm i to install the dependencies.

Usage

To use an exported JSON file and transform it locally on your machine, follow the 3 steps below:

  1. Save the .json file you exported using the Design Token plugin to the tokens folder (and remove the example files).
  2. In the terminal cd (navigate) to this folder.
  3. Run npm run transform-tokens.
  4. 🎉 Your converted tokens should be in the build folder.

About

Tool to transform JSON design tokens from the Figma Design Tokens plugin via Amazon Style Dictionary.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Swift 19.2%
  • CSS 18.7%
  • Less 17.7%
  • SCSS 17.7%
  • Objective-C 15.4%
  • JavaScript 5.7%
  • TypeScript 5.6%