image

Open-source design systems

Best open-source design systems for you to create better user experiences and interfaces

Design system is a collection of documents, articles, examples, code snippets, screenshots, design guidelines, components, philosophies and other digital assets for a product design company.

Design Systems keep apps, interfaces, and tools consistent no matter how fast the system grows. They also save time and energy, freeing designers and developers to focus on larger issues of usability and meaning.


Google Material Design System

image

material.io

An open-source, cross-platform system designed by Google, covers philosophy and principles for key topics including Layout, Color, and Typography.

Microsoft Fluent Design System

image

www.microsoft.com

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.

Atlassian Design System

image

atlassian.design

Atlassian's design philosophy reflects and underpins how digital experiences can unleash the potential in any team. Their credo is aimed at helping people and teams be more effective.

Uber Design System

image

brand.uber.com

Uber is an amazing example of how to tackle problems related to getting from point A to point regardless of where you want to go.

SalesForce Lightning Design System

image

www.lightningdesignsystem.com

Lightning is a living open-source design system, ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience development.