Sketch 102: Supercharge your designs

What you’ll learn

• How to keep your designs consistent with Symbols, Styles, and Color Variables

• How to build Libraries and reuse them across multiple documents

• How to create interactive prototypes and prepare your design for handoff

Course lessons

We’ll begin by learning all about the different types of components that make up a design. We’ll then explore the power of Libraries and we’ll deep-dive into all things prototyping. To round it off, we’ll learn how to ensure a successful developer handoff using the different tools in Sketch.

• Chapter 1: Welcome to Sketch 102

  1 videos
  • 1.1
    Welcome to Sketch 102
    1:54
• Chapter 2: Color Variables, Symbols and Styles

  6 videos
  • 2.1
    Color Variables
    6:26
  • 2.2
    Text and Layer Styles
    3:51
  • 2.3
    Creating and editing Symbols
    6:13
  • 2.4
    Overrides
    6:31
  • 2.5
    Artboard templates
    2:24
  • 2.6
    Activity — "Componentize" a design
    1:04
• Chapter 3: Libraries

  2 videos
  • 3.1
    Creating and sharing Libraries
    4:54
  • 3.2
    Updating Libraries
    1:44
• Chapter 4: Prototyping

  5 videos
  • 4.1
    Adding interactions
    4:53
  • 4.2
    Creating overlays
    7:55
  • 4.3
    Scrolling Artboards
    2:53
  • 4.4
    Previewing prototypes
    2:55
  • 4.5
    Activity — Link up the screens!
    0:36
• Chapter 5: Developer Handoff

  2 videos
  • 5.1
    What is developer handoff?
    1:41
  • 5.2
    Developer handoff with Sketch
    7:08

Requirements

To successfully complete this course, you’ll need:

• A Sketch Account — if you don’t have one, you can create your Sketch Account in seconds.

• Basic Sketch knowledge — If you’re completely new to Sketch, we recommend taking our intro course first so you can make the most of Sketch 102.

• macOS Monterey (12.0.0) or newer to run the Mac app.

Mentor

Joseph Todaro

Head of Video at Sketch

Joseph is our Head of Video at Sketch. He brings over a decade of product, design, and education experience. Before joining Sketch, he was a Senior Product Designer at InVision and was also responsible for the design education courses for InVision Studio and DSM.

While designing in-flight entertainment software at Fuse IFX, he migrated his team to Sketch – a tool that would go on to change the way he works. Eventually, he founded LearnSketch.com as a side project to share his knowledge and passion for the tool.

Joseph currently teaches UI and UX design at the Laguna College of Art and Design. He continues to share resources with the design community through projects like LearnSketch.com, Shapefest.com, LUTHOUSE.com and RandomUI.com.