Lesson 1: Introduction to Design Systems
- Overview of the history and basic principles of design systems, including the definition, purpose and benefits of design systems
- Understanding the importance of design principles, consistency, and scalability in design systems
- Activity: Analyze the design systems of various companies and document the common elements and patterns in a design systems journal
Lesson 2: Design Principles
- Understanding the basic principles of design such as typography, color, spacing, and layout
- Familiarizing with design principles and how they apply to creating a consistent visual language across a design system
- Activity: Create a design principles document, outlining the guidelines for typography, color, spacing, and layout, and apply it to a design system prototype
Lesson 3: Design Tokens
- Understanding the concept of design tokens and how they can be used to maintain consistency across a design system
- Familiarizing with design token management tools, such as Style Dictionary, and learn how to set up and implement design tokens in a design system
- Activity: Create a design token library and use it to maintain consistency across different elements in a design system prototype
Lesson 4: Component Libraries
- Understanding the concept of component libraries and how they can be used to create and maintain reusable UI elements in a design system
- Familiarizing with component library tools and software, such as Storybook, and learn how to set up and implement a component library in a design system
- Activity: Create a component library and use it to maintain consistency and scalability across different elements in a design system prototype
Lesson 5: Design System Implementation and Maintenance
- Understanding the process of implementing and maintaining a design system, including version control, testing, and collaboration
- Learn about the different roles and responsibilities in design system implementation and maintenance, such as product design, development, and content design
- Activity: Participate in a design system implementation project, such as a redesign of a company's website, to gain hands-on experience in design system implementation and maintenance.
Additional Resources
- Reading: "Design Systems" by Alla Kholmatova
- Reading: "Atomic Design" by Brad Frost
- Activity: Attend a design systems conference or meetup to network with other design systems professionals and learn about the latest industry trends and techniques.