What is Design System and Top Design Systems


What is design system

What is Design System?


A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications.


Design systems are essentially collections of rules, constraints, and principles, implemented in design and code. These 3 attributes serve distinct functions and provide coherent, systemic order in systems from buttons to single page applications. Ref

 

Design system helps in creating coherent unified user experience not only from a single product but from overall brand (brand experience). It brings ease for end user in form of consistent customer experience and also the design, developers in crafting efficient design solutions. It is a perfect combination of Design principles, Brand guidelines, UX Guidelines, development guidelines etc. 



Let's see what experts say about design system - 

 

“Design systems provide a convenient, centralized, and evolving map of a brand’s known product territories with directional pointers to help you explore new regions.” 

 Chris Messina

 

“It’s the whole philosophy. It’s the design principles, the UX guidelines, the development guidelines, the implementation guidelines, the contribution guidelines, and peripherals—and everything else.”

– Brad Frost



Top Design Systems

 

Polaris by Shopify

Polaris by Shopify

Link: https://polaris.shopify.com/

 



 

Atlassian Design


Atlassian Design


Link: https://atlassian.design/

 

 

Top UX Courses at Udemy



IBM Design Language


IBM Design Language


Link: https://www.ibm.com/design/language/

 

 



Airbnb Design


Airbnb Design


Link: https://airbnb.design/

 



 

Fluent Design System 


Fluent Design System


Link: https://www.microsoft.com/design/fluent/#/

 

 



Material Design

Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.


Material design by Google


Link: https://material.io/design

 


Top UX Courses at Udemy


 

Lightning Design System by Salesforce


Lightning Design System by Salesforce


Link: https://www.lightningdesignsystem.com/

 

 



 

Atomic Design by Brad Frost


Atomic Design by Brad Frost



Link: https://atomicdesign.bradfrost.com/

 




3 Months free Interaction Design Foundation





0 comments:

Post a comment