How to add custom CSS
One of the most powerful features of Marcode and Sketch2React is that you can add custom CSS directly affecting layers and groups inside Sketch or Icons8… Read More »How to add custom CSS
Tutorials
Tutorial: From Sketch to Xcode Part 3 — Adding a Tab Bar
In this tutorial I’m going to explore the scenario where you have built something in Sketch with Sketch2React and used our Capacitor 3.0 export for… Read More »Tutorial: From Sketch to Xcode Part 3 — Adding a Tab Bar
The different levels of design token designing
We in Team Sketch2React believe in empowering designers with choice, so you will always have the ability to choose for yourself. Basically, it comes down… Read More »The different levels of design token designing
Let’s get practical with design tokens
A hands-on practical guide on how to get started working with design tokens and Stratos Tokens — the designer’s perspective In this tutorial we’re going… Read More »Let’s get practical with design tokens
New ways of learning all things Sketch2React
We have created many tutorials since the very beginning of Team Sketch2React, both written and recorded. Why? Because it’s fun to teach and after a… Read More »New ways of learning all things Sketch2React
How to get started with Style Dictionary & Stratos Tokens
Summary In this tutorial you will learn: What Style Dictionary is How to structure things in Sketch or Figma for it to work its magic… Read More »How to get started with Style Dictionary & Stratos Tokens
Tutorial: From Sketch to Xcode — Using Capacitor.js
Breaking news! We just updated Sketch2React with Capacitor project export! That means you can skip all the steps in this tutorial on the subject of Capacitor… Read More »Tutorial: From Sketch to Xcode — Using Capacitor.js
Tutorial 👉 From Sketch to Xcode — the no code way
What if you could go from Sketch to iOS & Android without writing a single line of code? Actually, you can. Just check out the… Read More »Tutorial 👉 From Sketch to Xcode — the no code way
Keyshape Mini Tips — Quickly reuse Lottie animations
Say that you suddenly need to make a loading animation for the app you’re making. Instead of spending hours and hours perfecting it I would… Read More »Keyshape Mini Tips — Quickly reuse Lottie animations
Sketch2React Core Concepts — Containers and Grids
Hey guys! In my experience it very often comes downs to really understanding the core concepts about any new software before you even consider start… Read More »Sketch2React Core Concepts — Containers and Grids
Sketch2React Pro Tips December 2020
Hey guys! I realized the other day that, since the very beginning of our adventure as Team Sketch2React, I have tweeted a lot of pro… Read More »Sketch2React Pro Tips December 2020
Keyshape Mini Tip – Break Apart
Hey guys! I’m working on a new animated typeface package that will, eventually when finished, be sold on our marketplace. This time around I have… Read More »Keyshape Mini Tip – Break Apart
Tutorial – How to publish & host your website on Dropbox
This tutorial is for exporting from Sketch2React as HTML and publishing it to your own Dropbox! And it will not cost you a dime in… Read More »Tutorial – How to publish & host your website on Dropbox
Using Abstract to manage your design token files
Funny how things are. You plant a seed inside your mind and several years later it finally blooms. Many times it’s just about timing or… Read More »Using Abstract to manage your design token files
How to use React in your Sketch plugin
Fredrik has written a great new article about how he is using React to create a Sketch plugin. This is part 1 of several articles… Read More »How to use React in your Sketch plugin
Juans best Keyshape tips and tricks
Hey guys! Yesterday I had a presentation internally about Keyshape, my go-to tool for animating everything from icons to illustrations. Today I recorded an international… Read More »Juans best Keyshape tips and tricks