Hey folks! Today I’m going to show you how to work with SVG’s and Sketch2React, a workflow that’s brand new for v1.5.
It’s a great feeling when you work on something that’s getting better and better with each iteration. Version 1.5 of all things Sketch2React is a huge milestone for us. You can read about all the new stuffs in this article.
Tutorial Requirements
- Sketch App version 54+
- Sketch2React Code App V1.5
- Here’s the tutorial Sketch file for reference purposes
Video Tutorial
What you can do with this
Here’s just a couple of thingies you can enjoy when you have native SVG support from Sketch to code.
By playing around with your own #custom #css you can do neat tricks like offsetting elements in y space #cssanimation #sketch2react Fun as hell!??????#purecss pic.twitter.com/KpNk4WqPmh
— Team Sketch2React (@Sketch2R) June 5, 2019
To be able to do all of this, straight from within @sketch and develop in #realtime with #sketch2react is an experience most people doesn't even yet comprehend. This is only the beginning friends ?? #cssanimation @FirefoxDevTools #css #animation #html5 #bootstrap #magic #react pic.twitter.com/1vpyFBFWbY
— Team Sketch2React (@Sketch2R) June 3, 2019
ProTip! Mix and match #animatecss #animations to get really interesting #css effects with #sketch2react @sketch pic.twitter.com/bQbbM2PzNq
— Team Sketch2React (@Sketch2R) May 31, 2019
Until next time — have a great one ??
Juan, Team Sketch2React