Back to Browse

Style Dictionary transforms and configurator

10.4K views
Mar 24, 2023
6:14

Many of you have faced/are facing the challenge; The Style Dictionary pipeline from the Tokens Studio JSON to code. To make this a lot easier we have been working on 2 cool project that should make life a lot easier! 👉 Style Dictionary Transforms [beta]: A dedicated package of style dictionary customer transforms that does all the heavy lifting for all token types that can be created in Tokens Studio. 👉 Style Dictionary Configurator [beta]: To make it even more easy to get started, we built a real-time playground where you can import your tokens, define output targets for different platform and generate tokens automatically and validate the output in real-time. It even detects themes if you have them defined and generates separate outputs for each theme. The playground uses the SD Transforms package mentioned above. 🛠️ Try the configurator: https://configurator.tokens.studio/ 🛠️ Use the SD Transforms: https://github.com/tokens-studio/sd-transforms 📣 We always love your feedback! If you have any, make sure to let us know in the dedicated channel on our Slack (https://tokens.studio/slack): #style-dictionary-configurator 💡 Install on Figma: https://www.figma.com/community/plugin/843461159747178978/Tokens-Studio-for-Figma-(Figma-Tokens) 🚀 Subscribe to our channel: https://www.youtube.com/@TokensStudio 💬 Join our Slack: https://tokens.studio/slack 📄 Docs at: https://docs.tokens.studio/ ℹ️ More information on https://www.tokens.studio

Download

0 formats

No download links available.

Style Dictionary transforms and configurator | NatokHD