@ciffi-js/design-token

It generates scss file with variables from design token json file

Usage no npm install needed!

<script type="module">
  import ciffiJsDesignToken from 'https://cdn.skypack.dev/@ciffi-js/design-token';
</script>

README

ciffi-js/design-token

scss variables file generator from design token json file use with ciffi-design-token plugin for sketch

install as dev dependencie

npm i -D @ciffi-js/design-token

configure in .ciffisettings file

designToken: true,
designTokenInputFile: './src/config/designToken.json',
designTokenOutputFile: './src/styles/config/_design-token.scss',

use in your package.json scripts

{
  "design-token": "ciffi-design-token"
}

full documentation available at ciffi.it/ciffi-js