Calcite Design Tokens

Getting Started

npm install

npm run build

This will generate build artifacts from tokens created with the Figma Token Plugin

scss
✔︎  build/scss/_variables.scss

css
✔︎  build/css/tokens.css

js-es6
✔︎  build/es6/tokens.js
✔︎  build/es6/tokens.d.ts

js-cjs
✔︎  build/cjs/tokens.js
✔︎  build/cjs/tokens.d.ts

android
✔︎  build/android/font_dimens.xml
✔︎  build/android/colors.xml

ios
✔︎  build/ios/StyleDictionaryColor.h
✔︎  build/ios/StyleDictionaryColor.m
✔︎  build/ios/StyleDictionarySize.h
✔︎  build/ios/StyleDictionarySize.m

ios-swift
✔︎  build/ios-swift/StyleDictionary.swift

ios-swift-separate-enums
✔︎  build/ios-swift/StyleDictionaryColor.swift
✔︎  build/ios-swift/StyleDictionarySize.swift