21 Design System Examples to Spark Your Creativity
Explore our handpicked collection of 21 cutting-edge design systems examples. This guide offers a glimpse into the latest trends and innovations, providing essential inspiration for designers and developers in the fast-evolving digital landscape.

🚀 The Complete Web Developer in 2024
📺 40 hours of video
📚 401+ lessons
💻 10 projects
🎉 Code FRIENDS10 for 10% off

Nord
The central hub for Nordhealth's design resources and tools, focusing on creating seamless digital experiences through the Nord Design System.
Free

Wanda
Wonderflow's comprehensive design system offers an all-encompassing toolkit for designers and developers.
Free

State of California
Your go-to toolkit for making digital services that fit Californians' needs. Inside, find easy-to-use principles, style guides, and ready-to-use components. Build with accessibility and efficiency in mind.
Free

Kaizen
Kaizen is a thoroughly documented design system featuring UX guidelines, design assets, and front-end components specifically crafted for Culture Amp company.
Free

Workbench
Workbench is a top-notch design system, well-documented to craft a beautiful and unified experience for Gusto's platform.
Free

Gestalt
Gestalt Design System is Pinterest's design system, full of guidelines, and resources for building products for the image-sharing social media company.
Free

Stacks
Stacks is the design system that holds all the essential elements for crafting Stack Overflow's company products.
Free

Washington Post
The Washington Post Design System is a constantly evolving collection of design tokens and interactive components for washingtonpost.com.
Free

Cloudscape
A free design system with guidelines, tools, and assets to help make web app creation easier.
Free

Module
A customizable design system in Figma, featuring an extensive collection of UI components.
Paid

DRUIDS
The design system for the user interface fundamentals of the Datadog platform.
Free

Wise
Wise Design is Wise's design system designed to ensure the creation of consistent, high-quality products.
Free

Modulor
Make your product design process easier with Modulor, GR8 Tech's user-friendly design system.
Free

Fluent 2
Explore Microsoft's design system for effortless collaboration and creativity. Easily switch between design, development, apps, and platforms.
Free

Atlassian
The Atlassian Design System is a complete guide for crafting intuitive and visually appealing user experiences. It includes various components, tokens, and foundational elements, all designed to resonate with Atlassian's brand identity.
Free

Carbon
The Carbon Design System is an open-source design system from IBM, offering a comprehensive set of guidelines and tools for creating digital experiences and products.
Free

Backpack
Skyscanner's design system provides a consistent set of design principles, guidelines and user interface components tailored to Skyscanner's unique brand identity.
Free

Orbit
kiwi's Orbit Design System is a comprehensive set of design guidelines and principles designed to create consistent and user-friendly interfaces for the travel industry.
Free

Lightning
The Lightning Design System by Salesforce is a dynamic framework for building enterprise-level applications with a consistent, user-friendly interface. It provides a comprehensive set of guidelines, design tokens, and ready-to-use HTML/CSS UI elements.
Free

Evergreen
Evergreen by Segment is a React UI Framework designed for building ambitious web products. It emphasizes out-of-the-box functionality with polished React components, offering flexibility and composability.
Free

Porsche
The Porsche Design System offers a comprehensive set of design guidelines, components, and tools, created specifically to embody Porsche's unique brand identity and design philosophy.
Free