System design basics: How to create symbols in Sketch, for simple, fast and consistent design

Andrew Couldwell, Digital Designer and Web Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
11 Lessons (1h 5m)
    • 1. Introduction

      1:40
    • 2. An introduction to symbols

      5:49
    • 3. Creating an input and all its states

      7:36
    • 4. Symbol dimensions are important

      6:21
    • 5. Responsive symbols

      9:52
    • 6. Creating checkboxes & radio buttons

      11:04
    • 7. A UX tip, and dealing with form errors

      5:14
    • 8. Creating buttons and all their states

      9:29
    • 9. Sharing & syncing your symbols

      6:43
    • 10. Have your team setup your Library

      1:24
    • 11. Fin

      0:17
12 students are watching this class
How students rated this class
Leave Review

Watch more to review

We ask our students to watch a few lessons before reviewing to make sure we get quality feedback!

Best Suited for
 --  Beginner Intermediate Advanced Beginner/Intermediate Intermediate/Advanced All Levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Be the first!

No ratings just yet—watch a few lessons to be the first to share whether this class met your expectations.

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Be the first to leave a review in our updated system!
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update. You are welcome to edit your old review into the new system!

21 of 22 students recommend this class