Learn Sketch

1. 

   Icon Design

   How to Design an Icon Using Boolean Operations in Sketch

   Tutorial • Beginner

   Sketch’s “boolean operations” allow us to create complex paths by combining existing shapes. Let’s learn how to make the most of them by designing an icon in...

2. 

   UX/UI

   Sketch in 60 Seconds: Create a Frosted Background Effect

   Tutorial • Beginner

   It’s time to learn something super-quick in Sketch; a frosted background effect. So without further ado, let’s jump in!

3. 

   UX/UI

   2 Quick Methods for Creating Pie Charts in Sketch

   Tutorial • Beginner

   In this video tutorial I’ll show you how to design pie charts using Sketch. You can create pie charts manually using shapes, masks, and the pen tool, however...

4. 

   UX/UI

   Quick Tip: How to Quickly Create Social Media Assets Using Sketch

   Tutorial • Beginner

   In this quick tip I’ll explain how to use a Sketch plugin which makes it really easy to output all your social media visual assets. Let’s take a look!

5. 

   Prototyping

   Create a Lo-fi UI Prototype in 60 Seconds

   Tutorial • Beginner

   Let’s create a Lo Fi Prototype, in sixty seconds, using the MadKit Sketch UI kit from Themeforest!

6. 

   UX/UI

   A Guide to Blending Modes in Sketch

   Tutorial • Beginner

   In this tutorial I’m going to show you how to work with the various blending modes available within Sketch.

7. 

   UX/UI

   Quick Tip: Recreate Apple Watch’s Activity Rings in Sketch

   Tutorial • Beginner

   In this video I’ll explain how to recreate, using Sketch, the activity rings you’ll find on the Apple Watch. This is the perfect exercise for demonstrating...

8. 

   UX/UI

   Quick Tip: How to Create Perspective Mockups in Sketch

   Tutorial • Beginner

   Manipulating graphics into three dimensions (adding perspective with a vanishing point, or along an isometric plane) can be really useful for mockups. In...

9. 

   UI Design

   How to Hand-off Photoshop and Sketch Designs With Sympli

   Tutorial • Intermediate

   Let’s take a look at Sympli; a collaboration platform for designers and developers. It works with Xcode, Android Studio, Sketch and Photoshop–in this...

10. 

    Prototyping

    Tools to Bridge the Gap Between Designers and Developers

    Tutorial • Beginner

    In this article I’ll quickly roundup some tools which will help you communicate your designs to the developers tasked with bringing them to life. I’ll be...

11. 

    UX Design

    Sketch and Zeplin: Helping Designers and Developers Collaborate

    Tutorial • Beginner

    Collaboration between designers and developers is essential to the success of a web project, and it’s a measure of a team’s success. Whilst sharing the same...

12. 

    UX/UI

    Handy Sketch Features for Designing Style Guides

    Tutorial • Beginner

    This tutorial will show you how to organize a style guide using Sketch. Additionally it will teach you some core skills for using Sketch in other situations....