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