Variables and Tokens Studio

Variables or Tokens Studio? Tokenize your way.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

We understand everyone has their preferred workflow, which is why we offer flexibility in how you tokenize your project. Whether you’re team Tokens Studio or team Variables, you’re in the right place!
‍
While we begin with Tokens Studio for creating design tokens, the final choice is yours. You can continue using Tokens Studio as the main source to feed the Variables and Styles, or directly utilize Variables and Styles for further customization and expansion of Dravter according to your specific needs.