Stratos Tokens 2021 Demo

0,00

Who loves design tokens? We do! So we built an easy to use companion app for Sketch & Figma that has built-in Style Dictionary support. You can even use it together with Theo if you want.

Now available for both macOS and Windows. PS you can even use it together with Icons8 Lunacy.

Description

Try it before you buy it

We are very happy to offer our customers a free demo version of Stratos Tokens 2021 for Sketch and Figma. The demo has no time limit so you can use it as long as you want. Of course we have limited the app we are not Santa Claus. You’ll find the full version here.

Demo version restrictions

  • Only one artboard can be rendered out to code
  • Our NPM export has been disabled
  • Our awesome Style Dictionary export has been disabled
  • Features a slightly annoying banner

What is Stratos Tokens?

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.

New in Stratos Tokens 2021 for Sketch & Figma

  • Figma support
  • 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
  • Dark mode support
  • Windows version
  • Possibility to register a bug from within the app
  • Extended help menu containing links to documentation, tutorials and more
  • No more need for a page named Start here and an artboard named Start
  • New demo files
  • Use our brand new Sketch assistant – it will help

Breaking changes

  • Use { } for all your design tokens (artboards + layer + group names) – mix them with regular design elements
  • Read more in our docs

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 strict 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 for Windows & Mac both reads and writes in the Sketch file format, guess what? Yes it works with our app.

 


Related tutorial

Additional information

System requirements

macOS Catalina or Big Sur, Windows 10, Sketch 70+, Figma or Lunacy 7+, Node.js + npm

Nice to have

Code editor