Welcome to Stratos Tokens 🏡
Stratos Tokens is a companion app for Sketch & Figma on Mac & PC that outputs design tokens & theming code.
What can I do with Stratos Tokens?
- Use Sketch or Figma to create, update and distribute your design tokens & theming code
- A single place to create and edit your styles
- Reads the raw design file and generates a JSON-structure based on your design data (design tokens)
- You can use any setup you want, you have 100% control over your design token & theming structure
- Supports Sketch & Figma files natively, no plugins are needed
- Support for Sketch Shared Libraries & Sketch Symbols — manage several brands remotely for your clients
- Support for Figma's Auto Layout
- Export to NPM
Requires you to structure your design tokens in your design application as Style Dictionary needs them to be, or the conversion will not work
Example of Style Dictionary naming and structure conventions
Here’s a basic yet educational example of how you could set up for following Style Dictionary’s conventions.
Enhance your design systems with design tokens
Design tokens are design decisions. With our app, you create real code design decisions directly inside your design application, where most of these are actually made.
Software requirements
- Sketch v68–80+, Figma or Lunacy 7+
- macOS Catalina or Big Sur | Windows 10
- Use your preferred external code editor
Last modified 1mo ago