Take designs to the next level

In this course, you’ll learn how to design faster and more consistently with Components. We’ll show you how to make your designs interactive and tangible with Sketch’s native prototyping features, and we’ll cover everything you need to successfully hand off your design to developers.

Unlock the power of components and Libraries to keep your designs consistent

Discover how to use Symbols, Color Variables and Styles in your documents. Then turn them into Libraries and reuse components across your designs. Learn how to keep designs consistent as they scale and streamline the design process.

Bring your designs to life with prototypes and developer handoff

Learn how to create fully interactive prototypes that help you quickly iterate and take your designs to the next level. To wrap things up, we’ll dig into developer handoff and you’ll learn how to prep your designs for developers, so they can turn your pixels into code.

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

Chapter 1: Welcome to Sketch 102

• Welcome to Sketch 102

Chapter 2: Color Variables, Symbols and Styles

• Color Variables
• Text and Layer Styles
• Creating and editing symbols
• Overrides
• Artboard templates
• Activity — "Componentize" a design

Chapter 3: Libraries

• Creating and sharing Libraries
• Updating Libraries

Chapter 4: Prototyping

• Adding interactions
• Creating overlays
• Scrolling Artboards
• Previewing prototypes
• Activity — Link up the screens!

Chapter 5: Developer Handoff

• What is developer handoff?
• Developer handoff with Sketch