Tutorials 📼

A diverse bunch of tutorials both from Medium and our Youtube.
Beginner Tutorial - How to setup in Sketch and create your first Code Component
Beginner Tutorial Part 2 - How to create a container and how to set margin to components
Sketch2React - Suggested Workflow for Designers
Best of our Sketch2React Pro Tips from our Twitter
Best of Twitter Pro Tips — Part 1
Here’s a bunch of Pro Tips that we have recently shared on our Twitter. They’re too good not be collected like this. 😅
medium.com
How to use Sketch2React for Quick Responsive Prototyping
How to use Sketch2React for Quick Responsive Prototyping
A great way to get started learning our framework is to use it for what we call Quick Prototyping. You could also call it Lofi HTML5 (and…
medium.com
How to add CSS Plugins - Step by Step Tutorial
CSS Animations inside of Sketch with Sketch2React
Since the release of our Code App you now have the possibility to add custom CSS plugins that are stored locally on your computer.
medium.com
How To Add Custom CSS Plugins
Images as Links with Hover Effects Tutorial
How to use our free Grids .sketchfile
What's new in Alpha 0.60
Release Trailer Alpha
How to add margins between {col}umns

How the Plugin Works
Layer ordering
How To Change Button Color
Style Sheet Website Speedrun
How to add Haiku animations
How to add Haiku animations to Sketch2React
🎆 Wooo-peeeee-dooo!
medium.com
How to create image links with hover effects
How to create image links and style them with hover effects
Here’s a very straight forward simple tutorial on how to create image links with Sketch and Sketch2React.
medium.com
How our Previewer Web App works
How our Previewer App works
Here’s a brief article on how to use our magical Previewer App that we secretly call Batman Ninja. 😄
medium.com
Work like Framer but in Sketch!
React Export - How to
React Export - Routing
​
Learn - Previous
Cheat Sheet 📓
Next - Learn
3rd Party Plugins & Apps ⚙️
Last updated 9 months ago