Styling React Components Using Stratos Design Tokens
If seeing is believing, then I guess we need to show as much as possible of what you can do with Stratos Tokens App. TLDR;… Read More »Styling React Components Using Stratos Design Tokens
Tutorials
How to work with design tokens straight from your design app
Sketch, Figma or InVision Studio? You choose, we support all three Too Long Didn’t Read This article is about a couple of things. Design tokens and… Read More »How to work with design tokens straight from your design app
The Nine Rules of Stratos Design Tokens
Finally Team Sketch2React has created a design document containing examples of all the rules available in Stratos Tokens App! We’ve created the demo document in… Read More »The Nine Rules of Stratos Design Tokens
Sketch2React — Quick Prototyping for React — Part 3.1
Hey guys! I have had this one recorded for a while. Actually I was meaning to add things to the end of the tutorial… Read More »Sketch2React — Quick Prototyping for React — Part 3.1
Alter Your Stratos Tokens project’s Configuration to Supercharge Your Design Tokens
Amazing artwork by Rusty Shackles Stratos Tokens App is shipped with, out of the box support for Amazon Style Dictionary. We (Team Sketch2React) chose to support… Read More »Alter Your Stratos Tokens project’s Configuration to Supercharge Your Design Tokens
Tutorial: How to get started with Figma projects and design tokens
How to setup working with your design tokens & themes from Figma Everything you need to know about how to get started working with your… Read More »Tutorial: How to get started with Figma projects and design tokens
Tutorial — Quick Prototyping for React — Part 2
Greetings internet! Today I’m continuing with Part 2 of my Sketch2React tutorial series that could be named “get stuff out to code asap without… Read More »Tutorial — Quick Prototyping for React — Part 2
Tutorial — How to work with Google Material UI, design tokens & Sketch app
Wow that was many awesome things cramped up into one single headline. Also it creates pretty great SEO for this very article hehehe ??… Read More »Tutorial — How to work with Google Material UI, design tokens & Sketch app
How to combine Design Tokens, defined in your design tool, with Material-UI using Stratos Tokens…
TLDR; Design tokens and styling in Material-UI is surprisingly closely related and in this article I’ll explain why and show you how you can benefit… Read More »How to combine Design Tokens, defined in your design tool, with Material-UI using Stratos Tokens…
Quick Prototyping for React — Part 1
Hey guys! Finally got some time over to do a tutorial I’ve been thinking about for a while; how to cheat as much as humanly… Read More »Quick Prototyping for React — Part 1
From Design tool to Design Tokens using Stratos App
TLDR; Stratos Tokens App reads the raw design file (no plugins) and generates a design token file (JSON-format). This file can then be either stored… Read More »From Design tool to Design Tokens using Stratos App
Sketch app + weird layer names = React code!?
If you’ve come in contact with Sketch2React or Stratos chances are big that you’ve also encountered the weird layer naming convention a.k.a. our markup. It… Read More »Sketch app + weird layer names = React code!?
Styled Components vs Design Tokens in Stratos
Let’s break down the two different ways of working with design systems and Stratos. Styled Components Every time that you use our markup correctly you will… Read More »Styled Components vs Design Tokens in Stratos