Here’s a bunch of Pro Tips that we have recently shared on our Twitter. They’re too good not be collected like this. ?
CSS Plugins & Animations
This is how easy it is to add something like #animatecss to @sketchapp via our framework #sketch2react You don't even need to host the #cssfile ? ? #bootstrap4 pic.twitter.com/BawlUBd9v9
— Team Sketch2React (@Sketch2R) December 6, 2018
ProTip! Quick solution to the problem “I don’t want to save in @sketchapp every time to reload my #css #animation ?????” #sketch2react #hackoftheday pic.twitter.com/uzU9UK1Nyr
— Team Sketch2React (@Sketch2R) December 4, 2018
ProTip! While #designing and trying out custom made #cssanimations do this: use a #sketch2react #button and link it to itself, aka same artboard. Save you bundles of time ??????? pic.twitter.com/rsxZ77kZVA
— Team Sketch2React (@Sketch2R) December 4, 2018
How to add #cssanimation to #sketch2react @sketchapp Easy as 1-2-3-4-5 ??? pic.twitter.com/krurXNszPv
— Team Sketch2React (@Sketch2R) December 3, 2018
#custom #cssplugins are here for #Sketch2React @sketchapp pic.twitter.com/oHpno4ZCYW
— Team Sketch2React (@Sketch2R) November 27, 2018
Code output & Exporting
This is a #workinprogress #sneakpeak into our Advanced Export feature #bootstrap #sketchtohtml #sketch2react #sketchtocode #css #cssplugins @sketchapp pic.twitter.com/ZkGtBkOS1w
— Team Sketch2React (@Sketch2R) December 3, 2018
ProTip: This is how easy it is to use exported #code #css from #sketch2react to whatever you need it to be #html5 #sketchtohtml #sketchtocode Perfect for setting up a design system and getting code to your devs pic.twitter.com/bZU9R80407
— Team Sketch2React (@Sketch2R) December 4, 2018
Layout & Grid Settings
ProTip! Use {group-fixed} for all those tricky elements that just wont align right in code inside our #codeapp #haikuanimations #sketch2react @sketchapp @HaikuForTeams pic.twitter.com/a5EoiXCCpt
— Team Sketch2React (@Sketch2R) December 1, 2018
?ProTip! This is how you add #gradient #css #text #effects inside of @sketchapp with #sketch2react Easy as 1-2-3 pic.twitter.com/s0SC1a3ALO
— Team Sketch2React (@Sketch2R) December 2, 2018
We sneaked in a new #code #component a while ago, time to tell the world about it. ? ?️ It’s called {group} and it’s perfect for aligning things like whole {container} with content vertically in your #bootstrap #sketchapp #plugin #workflow #sketch2react #components @sketchapp pic.twitter.com/a58bXZZYmY
— Team Sketch2React (@Sketch2R) November 27, 2018
Working with other apps
On the matter of @sketchapp #Versioning Kactus works really well together with #sketch2react and we love the different visual ways of seeing what has changed ? ?? https://t.co/5yLmbiN754 pic.twitter.com/xhSINrbujm
— Team Sketch2React (@Sketch2R) November 29, 2018
Sketch2React – Intention-based design in Sketch with Felipe plugin https://t.co/SPF7uvMCJf via @YouTube
— Team Sketch2React (@Sketch2R) November 29, 2018
That’s it for part 1, hope you enjoyed it!
All the best / Team Sketch2React