Learn Sketch

Master the intricacies of UI and UX design with these Sketch tutorials. Learn how to create visually pleasing and functional user interfaces with this powerful app.

All Sketch content:

  1. Designing an eCommerce Portfolio: Single Page Description

    Designing an eCommerce Portfolio: Single Page Description

    Tutorial Beginner

    The content of our product or theme single page will be divided in three tabs: description, reviews and changelog. In this tutorial we’ll design the...

  2. Designing an eCommerce Portfolio: Support Section and Footer

    Designing an eCommerce Portfolio: Support Section and Footer

    Tutorial Beginner

    Support is an important aspect of our selling themes. The people who buy your products will expect you to provide assistance if something goes wrong. That’s...

  3. Designing an eCommerce Portfolio: Store Front and Testimonials

    Designing an eCommerce Portfolio: Store Front and Testimonials

    Tutorial Beginner

    Our theme preview section will give visitors a glimpse of some of the other themes available for purchase. The testimonials will show quotes from people who...

  4. Designing an eCommerce Portfolio: Header and Hero

    Designing an eCommerce Portfolio: Header and Hero

    Tutorial Beginner

    Our site header should provide the navigation, that’s pretty much its main purpose. Of course, we do have the logo in there as well, and since we’re...

  5. Designing an eCommerce Portfolio: Introduction

    Designing an eCommerce Portfolio: Introduction

    Tutorial Beginner

    In this tutorial series you’ll learn how to design a minimal eCommerce theme in Sketch. You’ll not only learn the proper structure of an eCommerce website,...

  6. Designing an API-Driven Web App in Sketch

    Designing an API-Driven Web App in Sketch

    Tutorial Intermediate

    Now that we’ve accounted for all the elements of our little app, including its different states, we can confidently begin creating visual mockups for each...

  7. Mastering Alignment and Distribution in Sketch

    Mastering Alignment and Distribution in Sketch

    Tutorial Beginner

    In this tutorial we’re going to learn how to perfectly align objects and distribute them using Sketch 3. I’m going to use some basic examples to fully...

  8. Prototyping a Fitness Application with Pixate

    Prototyping a Fitness Application with Pixate

    Tutorial Intermediate

    In this tutorial, I’ll teach you how to create an animated prototype of your mobile application design. The prototype will look and feel like a real...

  9. Wireframing With Sketch

    Wireframing With Sketch

    Course Beginner

    Wireframing is something every web designer should do before starting a new project. Whether it’s for a website or a web application, a wireframe allows you...

  10. Designing an iOS Fitness Application with Apple Watch Compatibility

    Designing an iOS Fitness Application with Apple Watch Compatibility

    Tutorial Beginner

    In this tutorial, I’ll teach you how to design a simple and easy-to-use iOS fitness application for tracking outdoor running and cycling. Besides the iOS...

  11. Sketch for Beginners: Design a Bold Email Newsletter

    Sketch for Beginners: Design a Bold Email Newsletter

    Tutorial Beginner

    In this tutorial we’re going to learn how to create a simple and bold email newsletter template using Sketch.

  12. How to Use Avocode to Inspect Your Photoshop and Sketch Files

    How to Use Avocode to Inspect Your Photoshop and Sketch Files

    Tutorial Beginner

    In today’s tutorial I’m going to introduce you to Avocode, developed by the “eleven brave men and one brave woman” of Source and recently released in the...