Sketch: Style Guides and Asset Libraries
34mIntermediate2022-12-22
Authors
Emmanuel Henri
Executive with 20+ years of experience in programming and design
Course details
Style guides and asset libraries give designers and developers a working database of proven, reusable design patterns, enhancing team collaboration and offering greater consistency to the user experience. Learn the nuts and bolts of creating a style guide and asset library in Sketch, the popular and approachable tool for UX and web design projects. Join LinkedIn Learning senior instructor Emmanuel Henri as he shows you how to create reusable patterns with corresponding documentation. Get tips on setting up the guide with artboards, adding user interface components and integration details, and using the Sketch workspace tools to collaborate with other designers. By the end of this course, you’ll be ready to apply your newly honed skills and start creating a style guide on your own.
Skills covered
Multidevice DesignSketchBohemianAsset ManagementUser ExperienceProjectPhotographyGraphic Design
Concepts
0. Introduction
- 01 - Sketch - Creating design and style guides
- 02 - Course prerequesites
1. Understanding Design Systems and Setup
- 03 - The importance of a design system
- 04 - Examples of design systems
2. Creating the Design System
- 05 - Setting up the elements with artboards
- 06 - Creating the color palette styles
- 07 - Creating the typography elements
- 08 - Adding menu elements
- 09 - Adding button elements
- 10 - Adding cards elements
3. Collaborating Tools
- 11 - Leveraging Sketch's workspace tools
- 12 - Exporting the design system
Conclusion
- 13 - Next steps