Top 20 Design Systems

Abhishek Kumar Singh

Published in

Prototypr

2 min readSep 22, 2018

Homepage

Build beautiful, usable products faster. Material Design is an adaptable system-backed by open-source code-that helps…

material.io

Shopify Polaris

Our style guide is the blueprint for our design system. It helps us collaborate across disciplines to build a great…

polaris.shopify.com

iPhone X — Overview — iOS Human Interface Guidelines

Learn about designing apps for iOS.

developer.apple.com

Fluent Design System

Edit description

fluent.microsoft.com

IBM Design Language

Use the IBM Design Language to create beautifully crafted products and enlightening user experiences.

www.ibm.com

Atlassian Design Guidelines | Atlassian Design

Design, develop, and deliver. Use Atlassian’s end-to-end design language to create straightforward and beautiful…

atlassian.design

Ant Design — A UI Design Language

An enterprise-class UI design language and React-based implementation with a set of high-quality React components, one…

ant.design

Photon Design System

The Photon Design System houses guidelines, reusable UI components, templates, and other resources to help you create…

design.firefox.com

Government design principles

Service design starts with identifying user needs. If you don’t know what the user needs are, you won’t build the right…

www.gov.uk

QuickBooks Design System — Design success starts here

Customers inspire us. The QuickBooks Design System helps us turn that inspiration into delight.

designsystem.quickbooks.com

Carbon Design System

Carbon is the design system for IBM Cloud products. It is a series of individual styles, components, and guidelines…

carbondesignsystem.com

Welcome to the MailChimp Content Style Guide | MailChimp Content Style Guide

Guidelines and resources for web writers and editors. Includes: voice and tone, grammar, web style, social media, email…

styleguide.mailchimp.com

U.S. Web Design System: A design system for the federal government

Design and build fast, accessible, mobile-friendly government websites backed by user research.

designsystem.digital.gov

Audi CI

How do you renew a successful brand? In reality, it does so itself: after all, a successful brand is always ahead of…

www.audi.com

Ubuntu Design

Ubuntu brand, app and web guidelines that help you create professional materials, software, sites, apps that build the…

design.ubuntu.com

Styleguide - Marvel

Central location for a live inventory of UI components, brand guidelines, brand assets, code snippets and developer…

marvelapp.com

IBM Northstar - Standards

Learn how to use the Northstar digital design platform to deliver engaging content and services to any IBM web page.

www.ibm.com

Duolingo: Design Guidelines

When written, Duolingo is always a single word with an uppercase 'D'. The 'L' is never capitalized, and the name is…

www.duolingo.com

Pluralsight Design System

The Design System strives toward a cohesive design language for Pluralsight's products, a shared vocabulary for our…

design-system.pluralsight.com

Lightning Design System

The Lightning Design System provides accessible markup which will serve as a foundation for your application…

www.lightningdesignsystem.com

Workday Canvas Design System

The Workday Canvas Design System provides designers and developers with tools to create exceptional experiences…

design.workday.com

Prototypr

Top 20 Design Systems

Homepage

Build beautiful, usable products faster. Material Design is an adaptable system-backed by open-source code-that helps…

Shopify Polaris

Our style guide is the blueprint for our design system. It helps us collaborate across disciplines to build a great…

iPhone X — Overview — iOS Human Interface Guidelines

Learn about designing apps for iOS.

Fluent Design System

Edit description

IBM Design Language

Use the IBM Design Language to create beautifully crafted products and enlightening user experiences.

Atlassian Design Guidelines | Atlassian Design

Design, develop, and deliver. Use Atlassian’s end-to-end design language to create straightforward and beautiful…

Ant Design — A UI Design Language

An enterprise-class UI design language and React-based implementation with a set of high-quality React components, one…

Photon Design System

The Photon Design System houses guidelines, reusable UI components, templates, and other resources to help you create…

Government design principles

Service design starts with identifying user needs. If you don’t know what the user needs are, you won’t build the right…

QuickBooks Design System — Design success starts here

Customers inspire us. The QuickBooks Design System helps us turn that inspiration into delight.

Carbon Design System

Carbon is the design system for IBM Cloud products. It is a series of individual styles, components, and guidelines…

Welcome to the MailChimp Content Style Guide | MailChimp Content Style Guide

Guidelines and resources for web writers and editors. Includes: voice and tone, grammar, web style, social media, email…

U.S. Web Design System: A design system for the federal government

Design and build fast, accessible, mobile-friendly government websites backed by user research.

Audi CI

How do you renew a successful brand? In reality, it does so itself: after all, a successful brand is always ahead of…

Ubuntu Design

Ubuntu brand, app and web guidelines that help you create professional materials, software, sites, apps that build the…

Styleguide - Marvel

Central location for a live inventory of UI components, brand guidelines, brand assets, code snippets and developer…

IBM Northstar - Standards

Learn how to use the Northstar digital design platform to deliver engaging content and services to any IBM web page.

Duolingo: Design Guidelines

When written, Duolingo is always a single word with an uppercase 'D'. The 'L' is never capitalized, and the name is…

Pluralsight Design System

The Design System strives toward a cohesive design language for Pluralsight's products, a shared vocabulary for our…

Lightning Design System

The Lightning Design System provides accessible markup which will serve as a foundation for your application…

Workday Canvas Design System

The Workday Canvas Design System provides designers and developers with tools to create exceptional experiences…

Sign up to discover human stories that deepen your understanding of the world.

Free

Membership

Published in Prototypr

Written by Abhishek Kumar Singh

Responses (1)

More from Abhishek Kumar Singh and Prototypr

Django, Celery, Redis and Flower

A step-by-step straight guide

Duolingo Just Ended The Term “UX Design”

In a surprising turn of events, the Head of UX at Duolingo — Mig Reyes announced on LinkedIn that the company has decided to completely…

Your portfolios are fucking boring

Sincerely, every design hiring manager out there

Angular and Django integration into one project

For those times, when you ought to do things which you don’t want to do.

Recommended from Medium

Advanced Theming Techniques with Design Tokens

In today’s digital landscape, users expect personalized and adaptable interfaces that cater to their preferences and needs. Theming has…

UI Design Trends In 2025

Designing for 2025 isn’t just about hopping on the latest trends — it’s about creating experiences that truly matters the most. As the…

Building Your Personal Brand as a UX/UI Designer

Explore strategies for showcasing your skills, experience, and unique perspective as a designer.

Design Roast or Design Review? How We Found the Sweet Spot

Taking our design critiques to the next level

Tiago Almeida on How Volvo’s Design System Drives Innovation and Consistency

Design systems are often described as the glue holding digital experiences together, but what happens when that glue has to stretch across…

The ultimate Design Token setup

Learn how to best set up design tokens to be a reliable tool for designers and developers in your company.