in Design, Tools

Combo: skala preview + sketch 3

A few days ago I decided to buy Sketch 3. I am not a designer, but since I am about 16 years old I like to play around with Photoshop and Illustrator. I started because back then, making a realistic 3D render was very tricky (we didn’t have such a powerful computers), so it was good to tweak the renders afterwards with Photoshop.

Anyway, here I am having fun developing for iOS. And as well as most of you, I also have to mess around designing my interfaces. That is why I bought Sketch 3. I did try Sketch 2 and it was definitely the way to go (lucky me I didn’t buy it), so when Sketch 3 was released I just went for it.

However, this is not a post about Sketch 3, I don’t think I am the guy who should write about it. Designcode has a brilliant post about everything you need to know using Sketch 3.

The reason of this post is to talk about Skala preview and how well it works with Sketch (or any other). I know Sketch 3 comes with a mirror app, but to be honest… I have already spent quite a lot of money on the software itself, so if I can achieve the same thing for free… I will :)

I don’t think I need to explain you how to use it, I believe it’s pretty straight forward. I just want to give a couple of tricks I have discovered while working with it.

  1. Clipboard: if you have Skala preview opened and connect to your device, yo don’t need to export your work to a .png and drag it to Skala Preview all the time, just select your artboard and press cmd+c, as simple as that. It will automatically send it to the device.
  2. If number 1 does not work for you, I have another trick. Export your work to a .png and drag the .png to Skala Preview window. Now, everytime you make a change, export your new work overwriting the previous .png file. Boom! You will automatically have your new image in your device’s screen.
  3. Working with Skala Preview and Photoshop it is even better. This guys have included an automatic refreshing, I guess it’s like working with Sketch mirror.

That’s all I have for now.


@designers: if you have any more tricks for me, I will really appreciate them :D


PS: a few days ago I also tweeted about Skala Color, “An extraordinary color picker for designers and developers”. To me, the best thing about it is the fact that you it integrates in Xcode, making really easy to customise any color in Interface Builder (or storyboards).