What is Stratos Tokens for Sketch & Figma?
Basically you use built-in tools in Sketch & Figma like rectangles, lines and text nodes to output real design token data. How you set this up is totally up to you, go freestyle or use Style Dictionary’s naming conventions.
Try before you buy
We now have a browser based demo, try it out.
New in Stratos Tokens 2022
- A new file explorer(!)
- Support for arrays
- Support for output transformations – learn more here
- Support for preserving design file units – learn more here
Built-in Style Dictionary support
Style Dictionary is a build system that allows you to define styles once, in a way for any platform or language to consume. A single place to create and edit your styles, and a single command exports these rules to all the places you need them – iOS, Android, CSS, JS, HTML, sketch files, style documentation, or anything you can think of.
So of course we thought, this is awesome – let’s build in support for it! Important note: For Style Dictionary to do its magic you will need to follow their naming and structure conventions.
Hello Windows & Lunacy
We all know that many developers work on Windows machines. That’s why we also now include Stratos Tokens for Windows. Every Stratos Tokens license comes with two activations so you can:
- Install one for yourself on your Mac computer
- Co-op with your Windows developers by sharing your second installation – just send them our Windows app
At any time you can deactivate and reactivate your installation on any computer (Mac or Windows) so don’t worry about trying out different workflows for your team.
Since Icons8 Lunacy 7 for Windows both reads and writes in the Sketch file format, guess what? Yes it works with our app.
Prefer doing this through an API?
We have just sneak-released not one, but two design token API’s based on our Tropos engine, same engine that powers Stratos Tokens.
Teo Ruiz (verified owner) –
Life-changing! Stratos allows us to have a unique design source of truth in Figma and export all the design tokens in one click.
It works like a charm if you use MUI library.