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.
Design Systems
···