Design Tokens extractor for Figma

FREEMIUM
By Sketch2React AB | Updated vor einem Monat | Tools
Popularity

9.1 / 10

Latency

3,185ms

Service Level

100%

Followers: 0
API Creator:
Rapid account: Sketch 2 React AB
Sketch2React AB
sketch2react-ab
Log In to Rate API
Rating: 5 - Votes: 1

README

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.