Learn design systems for fun and profit! A Design System is a set of interconnected patterns and shared practices coherently organized to aid in digital product design and development of products such as apps or websites. It may contain but is not limited to pattern libraries and design language, style guides, coded components, brand language, and documentation.

As I wrote this article, I realized that Design System is a very loaded phrase. If you’re looking for prototyping, focus on InVision, Adobe XD, and Figma. Alternatively, if you’re looking for essential components to use in your applications to make your products consistent, focus on Google’s Material Design, Microsoft’s Fluent Design System, and Atlassian.