Puzzle Tokens for Sketch
p/puzzle-tokens-for-sketch
Bring the power of styles preprocessing to Sketch
Alexey Kalenyuk

Puzzle Tokens for Sketch — Bring the power of styles preprocessing to Sketch

Featured
3
•
Puzzle Tokens for Sketch makes it easier to create and maintain shared styles, stylize symbols and artboards using Less/Sass syntax and the variety of built-in features. Now you can use Less/SCSS files as a single source of truth for designers and developers.

Add a comment

Replies
Best
Alexey Kalenyuk
Hey everyone! Thrilled to share the tool we've created for our internal use which makes design teams' life so much easier when it comes to dealing with hundreds of styles. With Puzzle Tokens you can apply styles directly to both Sketch files and live product by using Less syntax and its built-in functions (see http://lesscss.org) to manipulate colors, sizes and so much more. Check out this article to get more details on what problem we've been solving and learn about all the weird stuff you can do with it: https://medium.com/@akalenyuk/br... Happy to answer questions!
Alexey Kalenyuk
Since going live we've been getting lots of feedback to support Sass syntax as well. I'm happy to announce that Puzzle Tokens supports Sass syntax now! Download the latest version from github and check out the examples here: https://github.com/ingrammicro/p... Btw, which one works better for your workflow?
Alexey Kalenyuk
For those who's more into Sass there's a new article covering how to use Sass syntax to rule Sketch styles: https://medium.com/@akalenyuk/us...