Creating a Design System with Sketch

Description

In this course, you will learn:

• Design systems provide software designers and developers with a library of proven, reusable design patterns. 
• They enhance team collaboration and bring consistency to the user experience. 
• Learn the nuts and bolts of creating a design system in Sketch, the leading tool for UX and web design.
•  Instructor Anne Grundhoefer builds in nested symbol-level management, color overrides and font styles, reusable icons, and interactive button and form field systems.
   

Syllabus :

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

 

1. Building a Design System

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

 

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
• Chapter Quiz

Show more