Releases โœ๏ธ
All of our most important milestones & releases since the very beginning

2021.7.0 | 2021-06-22

Added

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.

Fixes

Minor UI improvements

2021.4.5 | 2021-06-01

Added

Improved NPM export

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.

Improved Style Dictionary export

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.

Fixes

Minor UI improvements

2021.3.0 | 2021-05-08

Added

Boooya!

Fixes

    Cleaned up the Design Token view
    Cleaned up README view
    Minor UI improvements

2021.2.0 | 2021-04-20

Added

    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.
Note that the names are in camelCase e.g. fontSize
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
E.g. weight outputs only the weight/width of the border
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

2021.1.10 | 2021-04-08

Added

    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
    โ€‹Demo version of Stratos Tokens
    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

Breaking changes

    Use { } for all your design tokens (artboards + layer + group names) โ€“ mix them with regular design elements

1.0.10 | 2020-11-30

Added

    Big Sur support

1.0.8 | 2020-05-13

Added:

    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:
Example in your design tool
Output in Stratos Tokens
Result when building for scss with Style Dictionary

1.0.7 - 2020-05-05

Added:

    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.

Fixes:

    Sketch, Figma and InVision projects are now displayed on the start screen
    Fixed minor type-o:s

1.0.6 | Never

This is not the version your looking for... *Jedi hand move*

1.0.5 | 2020-04-22

Changes:

Explorer view is now visible from the start.

FIxes:

    Updated in-app documentation links.
    Artboards in Explorer view are now sorted alphabetically.

1.0.4 | 2020-04-20

Changes:

    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
In Sketch / Figma / InVision Studio
Previously generated output in Stratos Tokens
to displaying value
New generated output in Stratos Tokens
This change is made to better match the expected input of Style Dictionary.
โ€‹
    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 base of 16px). 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

Added:

    New demo file (.sketch, .fig, .studio) for getting started with Ant Design System to work with our Style Dictionary support

1.0.2 | 2020-03-20

Added:

    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)

Fixes:

    Bugfixes to the Explorer view.
Last modified 3mo ago