Structuring your design document

The Tropos engine doesn’t automatically understand which parts of your design document that are design tokens (you can mix design tokens with your other designs in the same document). You therefore need to follow a few simple rules when structuring your design tokens.

To learn how to structure your design tokens according to the Troops engine’s framework please refer to the documentation found here:

https://sketch2react.gitbook.io/sketch2react-io/v/stratos-tokens-2021/develop/the-basics#stratos-tokens-framework-rules

or any of the tutorials in the tutorials section.

The design documents used in the demo requests are:

Basic Design Token demo - Stratos Quick Start Guide which you can Download for free here.
MaterialUI Theming - Material UI Design Tokens Demo which you can Download for free here.
Style Dictionary input format - Styling React Demo which you can Download for free here.

All documents are in Sketch-format, but you can easily import them into Figma.