Design system

In user interface design, a design system is a comprehensive framework of standards, reusable components, and documentation that guides the consistent development of digital products within an organization. It serves as a single source of truth for designers and developers, ensuring consistency and efficiency across projects. A design system may consist of: pattern and component libraries; style guides for font, color, spacing, component dimensions, and placement; design languages, coded components, brand languages, and documentation. Design systems aid in digital product design and development of products such as mobile applications or websites. A design system serves as a reference to establish a common understanding between design, engineering, and product teams. This understanding ensures smooth communication and collaboration between different teams involved in designing and building a product, and ultimately results in a consistent user experience. Notable design systems include Lightning Design System (by Salesforce), Material Design (by Google), Carbon Design System (by IBM), and Fluent Design System (by Microsoft).