Creating a Design System with Sketch

Learn the nuts and bolts of creating a design system in Sketch. Build reusable design patterns for common UX design elements and interactions.

Introduction

• Welcome
• Why design systems are important
• Installing fonts for this course
• How to use the exercise files

1. Building a Design System

• Identifying components
• Cutting up components
• Creating a solid foundation

2. Designing Components

• 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

Conclusion

• Next steps