Prototype Smarter: Creating a Sketch Symbol Library

Tina Musich, Senior Product Designer @ Schoology

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
10 Lessons (54m)
    • 1. Meet and Greet

      1:01
    • 2. What are symbols?

      4:34
    • 3. Making a Symbol

      4:17
    • 4. Adding and Editing Symbols

      6:55
    • 5. Resizing Symbols

      14:30
    • 6. Creating Complex Symbols

      7:36
    • 7. Naming and Organization

      5:27
    • 8. Using Your Library

      3:24
    • 9. Using Symbols Across Form Factors

      5:45
    • 10. Project Time!

      0:28

About This Class

Many designers have picked up Sketch in the last few years as the tool of choice for designing websites and apps. In this class you will learn how to take your sketch prototyping to the next level. I'll take you through how to create a library full of reusable symbols that can be used across projects and team members. As more and more organizations move towards using design systems, sketch symbol libraries are an easy way to align coded components with prototyping components.

Whether you are a team of 1 or a team of many, symbol libraries will make your design workflow a whole lot more efficient.

In this class you will learn how to:

  • Create a symbol library from a style guide or mockup
  • Build symbols that can be resized and customized in controlled ways
  • Organize your symbols so they are easy to access
  • Maintain consistency across your projects
  • Set yourself up for faster, more efficient experimentation and prototyping


Music composed by Holden Holden
Stock Images by Pexels
Icons by Material Design