Return to Software Engineering, Software Design, Design Patterns

“A design system is a collection of documentation on design principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as 'Voice and Tone'.” “Although 'design systems', 'ui libraries', and 'pattern libraries' are different things, they are often used interchangeably. This awesome list contains all three: Fair Use Source: https://github.com/alexpate/awesome-design-systems

• Components: Contains coded patterns and examples.
• Voice & Tone: Provides guidance on how language should be used.
• Designers Kit: Includes Apple Developer Design Guidelines, etc. file for designers.

• Apple Developer Design Guidelines - https://developer.apple.com/design

• GitHub Primer - https://primer.style
  • Design, build, and create with GitHub’s design system: Primer was created for GitHub by GitHub. We love it so much, we chose to open-source it to allow the community to design and build their own projects with Primer.

• Google Material Design - https://material.io/design/#introduction-goals
  • Create intuitive and beautiful products with Material Design

• Microsoft Fluent - https://www.microsoft.com/design/fluent
  • Fluent is an open-source, cross-platform design system that gives designers and developers the frameworks they need to create engaging product experiences—accessibility, internationalization, and performance included.