Sketch  Course

Building a Design System

In this mini course we'll be exploring some ideas relating to how to build a design system. Sketch is the tool because it allows us to build highly modular components.

There are 5 episodes.

  • 1

    Why to Build a Design System in Sketch

    • 1:48
    • Free
    Sketch is a great tool for building a design system because of the built-in functionality. Organization and updating is easy with shared styles.
    • 1:48
    • Free
  • 2

    Build the Foundation of the System

    • 6:24
    • Free
    Defining the colors and styles of the system early in the process will help us ensure consistency throughout. These will serve as the basis for all our components.
    • 6:24
    • Free
  • 3

    Crafting Components That Match

    • 7:52
    • Free
    Using the foundation you've defined in the previous lesson, start creating your library of components from which you can build anything.
    • 7:52
    • Free
  • 4

    Assemble Some Example Screens

    • 7:18
    • Free
    One core part of a good design system is layout samples for key screens. It's important to show how your components will interact so other designers can follow the creative direction.
    • 7:18
    • Free
  • 5

    Distribute Your Design System

    • 5:44
    • Free
    Using a syncing service like Dropbox and Invision's Craft plugin, it's really easy to make sure your whole team is on the same page.
    • 5:44
    • Free