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
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
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
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
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
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…
And that’s actually a great thing. Since 2018 we have shipped fast, early and just kept going with that same attitude. All those tutorials, demos, resources,… Read More »Sketch2React was designed by a developer
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
First of all, nice to be back! I had a few weeks off for resting, holidays, stuff like that. Gives me time to reflect upon… Read More »Sketch2React v1.6+ is now free & other great news…
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!?
TLDR; Yes ✅. With some ?? and bit of ?we made it possible in Stratos alpha version 2. Even though the React-code generated by Stratos… Read More »Can Sketch App symbols be made into React components?
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
So what happens when you combine more than one great thing together with other amazing things? Magic happens friends. Let’s get the big picture ?️ First… Read More »How to do real-time component development with Sketch, Stratos & Storybook
Hey guys, this is a special day! First it’s Black Friday Yay, lots of great deals out there, even we couldn’t resist. But let’s not… Read More »How to create custom React components in Stratos