Latest articles

Making copy updates a breeze in Sketch

A Sketch plugin that decouples copy from visuals, to let writers and designers update each other’s work in a streamlined, non-destructive way. For all the talk of integrated, holistic design teams, much of the day-to-day work we actually do as design professionals is individual....

Article image

Sketch Measure Master: A thorough walkthrough

You should make this plugin as a part of your workflow, if you still haven’t this is the guide for you. 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...

Article image

Tutorial: Designing Google Docs Icon

Replicating a design is not hard. But creating an original design, translating it from an ideas in your head, to pixels on the screen can be quite a challenge. Today, we’ll be recreating the Google Docs’ icon from scratch, using Sketch...

Article image

Tutorial: Designing Google Sheets Icon

We are often overly impressed by the final design of an app or icon and that’s the exact response the designers are looking for. While that can work for consumers, it can make approaching design as a creator a fairly intimidating task...

Article image

The right way to get that nice iOS blur using Sketch

Ok I have seen rookie mistakes and designers just using Gaussian Blur with a mask to make a button overlaid have blurred BG finish, this can be done so easily but how do you know if you don’t know? Here let me help real quick, it will save you time...

Article image

Exporting for iOS in Sketch explained

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?’...

How the mockup drives design, not dictate it.

During my time as a Ui designer/developer intern at LemonStand, I was challenged to sketch, design, mockup, and develop a set of 4 themes for eCommerce stores. LemonStand is a cloud based eCommerce platform for online retailers...

Sketch 3.2 Beta

Yesterday, Sketch released the beta for 3.2, and Ale Muñoz started tweeting about his favourite updates under the hashtag #sketch32. For reference, here are Ale’s tweets...

From Photoshop to Sketch

About one year ago I stopped using Photoshop and switched to Sketch, why? My biggest issue with Photoshop is that it’s not a focused tool; Adobe seem to be constantly adding features that aren’t related to web and mobile design...

Rotate Copies

I’ve seen a few questions recently about rotating layers around a point. So here’s a quick reminder of the Sketch feature ‘Rotate Copies’. Let’s say you wanted to create a pattern similar to the following...

Article image

Sketch for Print Design!

Sketch was made for screen-based design. Websites, app interfaces, icons… these objects of design exist within a world of pixel measurements, RGB colors, and presentation on digital screens. Unlike many of the Adobe creative tools which include...

Article image

App Store Screenshots

You’ve just finished designing an iPhone app, and now you’re ready to submit to the App Store! It’s time to design those all important App Store screenshots. In this tutorial we’ll be...

Font rendering

Sub-pixel antialiasing increases the horizontal resolution of text to improve legibility. High pixel density displays negate the need for sub-pixel antialiasing...

Editing images in Sketch

How to crop images and other editing features: 1. Select your image layer, 2. Click the ‘Edit’ button in the toolbar or press enter, 3. The inspector will now look like this...

Article image

How to create a flat styled icon 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. So lets start. This is the final product we’d like to achieve...

Share artboards via CloudApp

This tutorial requires: 1. A CloudApp account & the app installed, 2. The Sketch Upload plugin installed. In CloudApp: Go to CloudApp > Preferences and select ‘When a Drop is ready: Copy share link to the clipboard’...

Shortcuts for Sketch plugins

I’m going to add a shortcut to Sketch Measure, a powerful plugin for measuring elements. Let’s say we want to add a shortcut for quickly measuring the width of the top of an element...

Contribute to Sketch Tricks and get your article in front of 1000s of Sketch fans! Thank you, Sketch Tricks wouldn’t exist without support from the community.

Contribute

Receive pleasantly infrequent updates on new articles via email. We never spam.