Thread by @designerSaha

Top 15 Design Systems you need to know

Thread 🧵👇

1. Human Interface Guidelines

UI resources for designing great apps that integrate seamlessly with Apple platforms

by @Apple

developer.apple.com/design/human-i…

2. Fluent Design System

Fluent is a collective approach to creating simplicity and open design system across platforms

by @MicrosoftDesign

microsoft.com/design/fluent/

3. Atlassian Design System

Atlassian's end-to-end design language to create simple, intuitive, and beautiful experiences

by @atlassiandesign

atlassian.design

4. Carbon Design System

Carbon is IBM’s open source design system for products and digital experiences

by @_carbondesign

carbondesignsystem.com

5. Material Design

Material Design is an adaptable system that helps teams to build high-quality digital experiences

by @materialdesign

material.io

6. Uber Design System

Its stylized and geometric components cover different types of needs, both in light mode and in dark mode

by @DesigningUber

brand.uber.com/in/en/

7. Shopify Design System (Polaris Design System)

Polaris Design System provides an easy-to-follow and practical style guide for designing for the Shopify platform

by @ShopifyUX

polaris.shopify.com

8. Eva Design System

Eva Design System is easily adaptable to your Brand. Available for Sketch with Mobile and Web component libraries

by @akveo_inc

eva.design

9. Ant Design System

A design system for enterprise-level products that creates an efficient and enjoyable work experience

by @AntDesignUI

ant.design

10. Mozilla Protocol

Protocol is a design system for Mozilla and Firefox websites

protocol.mozilla.org

11. Done! Design System

Done is an open-source design system based on Bootstrap 4. Organized SASS code makes product development easier and faster

uilibrary.github.io/done-design-sy…

12. Mailchimp Design System

Its detailed guidelines can be found with many visual examples and explanations that break down the most important concepts

by @MailchimpDesign

ux.mailchimp.com

13. Atomize Design System for React JS

Atomize React is a UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly

by @proksh_luthra

atomizecode.com

14. Pluralsight Design System

Design guide with components for designing with Pluralsight

by @pluralsight

design-system.pluralsight.com

15. Humane by Design

A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being

by @design_humane

humanebydesign.com

That's all for this thread

If you found these resources useful, retweet the first tweet ☝️

Let's learn & grow together 🙏