Releases ✍️
All of our most important milestones & releases since the very beginning
Last updated
All of our most important milestones & releases since the very beginning
Last updated
A new file explorer(!)
Support for arrays
Support for output transformations - learn more
Support for preserving design file units - learn more
Bugfixes
Minor UI improvements
It's now possible to activate/deactivate the app again
Stratos Tokens now supports the latest version of Style Dictionary
Minor UI improvements
Figma support 🥳
Please note that Figma files does not support hot-reload like Sketch-files do. Instead you need to press the refresh button next on the far right on the Artboards header in the Explorer panel.
Please note that we currently don't support creating shadow tokens via Figma.
Minor UI improvements
In addition to containing Stratos token's design tokens, the NPM export now also includes files generated by Style Dictionary. It reads Style Dictionary's config file looking for platforms scss, less, css and js.
scss - Style Dictionary scss variables can be imported by @import "node_modules/[your-package-name]/scss/_variables.scss" by default.
less - Style Dictionary less variables can be imported by @import "node_modules/[your-package-name]/less/_variables.less" by default.
css - Style Dictionary css variables can be imported by @import "node_modules/[your-package-name]/css/_variables.css" by default.
js - Style Dictionary javascript variables can be imported from "[your-package-name]/js" by default.
stratos - Stratos Tokens javascript variables (found in [Your Stratos Tokens project]/data/js) can be imported from"[your-package-name]/stratos" by default.
We have enhanced our Style Dictionary export to output the following formats: android, ios, ios-swift, css, js, json, less, react-native, scss, sketch-palette.
Minor UI improvements
Download link to our Sketch assistant in the Help menu
Cleaned up the Design Token view
Cleaned up README view
Minor UI improvements
You can now name your Texts and Rectangles as css properties (e.g. fontSize) and only that value will be displayed in Stratos Tokens App.
Please note that the matching css property will be named "value" in Stratos Tokens App. This is to better match the expected input of Style Dictionary.
Supported css properties for Text layers are:
color
fill (is always transparent for text layers)
fontFamily
fontSize
fontWeight
lineHeight
letterSpacing
opacity
Please note that the matching css property will be named "value" in Stratos Tokens App. This is to better match the expected input of Style Dictionary.
Supported css properties for Rectangles with borders are:
weight
color
radius
Support for a more visual way of outputting design tokens for breakpoints, spacing, padding etc - use the width of the line tool
Support for multiple shadows - just add shadows to rectangles
No more need for a page named Start here and an artboard named Start
Windows version
Dark mode support
We now have a little 🕵️♀️ that helps you re-link your designfile if you have moved it
Possibility to register a bug from within the app
Extended help menu containing links to documentation, tutorials and more
Use { } for all your design tokens (artboards + layer + group names) – mix them with regular design elements
Big Sur support
A 10:th rule to Stratos Tokens. You can now name a Text Layer style-dictionary-value to get the following output in Stratos Tokens App:
Support for Sketch symbols
Previously, in Stratos Tokens, you were "bounced back" to Start artboard every time your design file changed/updated. This is no longer the case.
Sketch, Figma and InVision projects are now displayed on the start screen
Fixed minor type-o:s
This is not the version your looking for... *Jedi hand move*
Explorer view is now visible from the start.
Updated in-app documentation links.
Artboards in Explorer view are now sorted alphabetically.
The Stratos Tokens output of Texts and Rectangles which have names matching a CSS property is changed from displaying the property name e.g. fontSize
to displaying value
This change is made to better match the expected input of Style Dictionary.
Style Dictionary integration to support export to web, mobile and desktop
Support for Figma
Support for InVision Studio
Support for variables in text nodes {color.base.primary.value} (specified as {{color.base.primary.value}}) in your design tool. This is used to reuse values in Style Dictionary
New menu item “File > Open project in Terminal”
Artboards can now be named anything and will still be considered as “Token artboards”. Previously only artboards named “Template” were considered for design token generation. (You still need an artboard named Start)
Bugfixes to the Explorer view.
Support for
of Stratos Tokens
All values defined in px such as font size, line height etc in Sketch, Figma and InVision Studio is now translated into unitless values (with a ). E.g. 72px / 16 = 4.5 This will be translated by Style Dictionary into platform specific units during Style Dictionary's build process. You can change to another base value by, in the .stratosproject file, change the property baseFontSizeInPx
New demo file (.sketch, .fig, .studio) for getting started with to work with our Style Dictionary support