There are bunch of plugins coming up all the time for Sketch. You can check this list out to see whichever suits you the best. For me I have few plugins without which I really cannot breathe. Sketch Measure is one of it.

You can download Sketch Measure from here. Just follow the instructions mentioned over there to set up the plug-in. It’s not too complicated.

To confirm the plugin is installed just go to your plugins menu and it will show up over there like this:

Recently I found out that few of the new Sketch users and designers who are new to iOS struggle with exporting the assets. People (including myself initially) face with questions like ‘What should be the size of the art-board?’, ‘What should be the size of the asset while exporting?’, etc. I’ll share about what I’ve learned so far while designing bunch of iOS apps so far.

W̶h̶e̶n̶ ̶I̶ ̶h̶a̶v̶e̶ ̶t̶o̶ ̶d̶e̶s̶i̶g̶n̶ ̶f̶o̶r̶ ̶i̶P̶h̶o̶n̶e̶s̶,̶ ̶I̶ ̶u̶s̶u̶a̶l̶l̶y̶ ̶s̶t̶a̶r̶t̶ ̶w̶i̶t̶h̶ ̶a̶r̶t̶-̶b̶o̶a̶r̶d̶ ̶o̶f̶ ̶i̶P̶h̶o̶n̶e̶ ̶5̶s̶ ̶(̶6̶4̶0̶x̶1̶1̶3̶6̶p̶x̶)̶ When I have to design for iPhones, I usually start with art-board of iPhone 6 at 1x (375x667…

Yeah, I am obsessed with Sketch. I use it everyday and every time I find something new I just jump out of my chair and go what the fuck! (in a really good way). So recently I found out two really cool things in sketch accidentally.

1. Create auto folders while exporting

Example: Name your layer ‘MyFolder/Circle’. It’ll automatically create ‘MyFolder’ and the layer will be exported in with the name Circle. Check below.

2. Exporting any asset to with particular height or width

Sometimes I will create an icon of say 100 x 100 px…

I hate coding. I admit it openly. Okay, hate might be too strong, but text editor and me never quite got along. I’ve been wanting to create some mobile apps, but finding someone who can code that for me and would be really interested in working with me and vice versa is so rare. You know what, that is all about to change.

I’m going to demonstrate how can you create a simple app login screen prototype without leaving photoshop and run it on your android/iOS device.

**BONUS**: I’ve received few coupons to giveaway awesome guys at Codly. So stick…

In 2014, of all the people I know 98% of them own a smartphone. Among those 98%, all of them have working internet on it and they all frequently use their phones to check Facebook, send messages via Whatsapp or browse internet for other purposes among several other things. I’m bringing this point over here to merely emphasise on the fact that we all know already, mobile is the shit.

Here are some numbers I know you’d be interested in.

You’ll never stop hearing about sketch from me. This has hardly happened in past where I used some tool which was very light weight and I liked it. But the things you can achieve with this one will blow you away. If you still haven’t tried it I’ll suggest you do it as soon as you can! For the ones who have just started and still getting hang of it, I’ll tell you how to create your own shortcuts and list of some of my own.

First I’ll tell you how to create custom shortcuts in Sketch 3…

Sketch 3 is getting very popular. More popular than you’d really imagine. You can check out some articles like this and this which talks about the new features it has just released.

You can skip all this and directly download the 139kb sketch file. Its at the end of this article.

So lets start. This is the final product we’d like to achieve. Might not be the exact same but you’ll learn few things on the way.

STEP 1 — Create a new sketch document

I have done this mistake a million times in while creating icons. My icons were usually blurry at edges. My basics were not clear and I learned to make it perfect after lot of experimentation. So today we’ll take a very simple example to start off with.

Assignment: Create an icon for ‘Summary’ of your statistics. This icon will be used in your dashboard where other things about your profile are accessible. The box size for the icon will be 20x20 px

Pre-requisites: You know basics of illustrator (eg. starting it)

Solution:

Step 1 — Start sketching your ideas out.

…