Creating a Design System with Sketch

Offered By: LinkedIn Learning

Tags

Sketch Courses Typography Courses UX Design Courses Design Systems Courses

Course Description

Overview

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

Syllabus

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

Taught by

Anne Grundhoefer

Related Courses

UX Design for Mobile Developers
Google via Udacity UX Research at Scale: Analytics and Online Experiments
University of Michigan via edX Introduction to UX Research
University of Michigan via edX UX Design: From Wireframe to Prototype
University of Michigan via edX UX Design: From Concept to Wireframe
University of Michigan via edX