Marcode Bundle, get CSS Writer for free
Who does not love getting ”one for free”? There is a good reason marketplaces, both physical and digital ones, love using this marketing trick. It’s… Read More »Marcode Bundle, get CSS Writer for free
Design To Code
Sketch2React Update — Dark Mode and Simulators
Hey guys! Before taking some well-deserved vacation we thought it would be nice to do one more update before the end of this very strange… Read More »Sketch2React Update — Dark Mode and Simulators
The brand new Sketch2React 2020 is here!
Finally after much hard work the last couple of months we are very proud to announce the release of the brand new Sketch2React 2020 ?… Read More »The brand new Sketch2React 2020 is here!
Tokens updates + Third Layer Interview about Sketch2React
Hey guys! I had the pleasure to be interviewed by Jonathan Bowman for his awesome designer podcast Third Layer. We talked about the history behind… Read More »Tokens updates + Third Layer Interview about Sketch2React
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
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
Sketch2React Freebie — Simple Slides Website
One of the most important things to do right now is keep your mind busy with meaningful things I was sitting yesterday afternoon at home… Read More »Sketch2React Freebie — Simple Slides Website
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
Demystifying Code for Designers
The more I think about it, I spend most of my time, as part of Team Sketch2React, demystifying code for designers. I think it’s because… Read More »Demystifying Code for Designers
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…
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!?
Can Sketch App symbols be made into React components?
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?
Getting started with Sketch2React
We know how it can be when learning something new. Overwhelming. Where to start? Fear not — we’re here to help! We have introduced Sketch2React to many… Read More »Getting started with Sketch2React
Tutorial — How to work with Sketch Shared Libraries & Sketch2React
These things are funny. I think I re-recorded the intro of this very tutorial four times. I was really tired. Then I thought “I need coffee”.… Read More »Tutorial — How to work with Sketch Shared Libraries & Sketch2React