Learn the nuts and bolts of creating a design system in Sketch. Build reusable design patterns for common UX design elements and interactions.
Overview
Syllabus
Introduction
- Welcome
- Why design systems are important
- Installing fonts for this course
- How to use the exercise files
- Identifying components
- Cutting up components
- Creating a solid foundation
- Introduction to Sketch nested symbols
- Choosing the right colors
- Shared text styles and typography
- Creating reusable icons using symbols
- Creating a button system with states
- Creating a form field system with states
- Next steps
Taught by
Anne Grundhoefer