26 Design System Examples Worth Studying
The best way to build a design system is to study how others have done it. These are real, public design systems from companies that use them in production. They cover components, tokens, accessibility, and documentation.
The Complete Web Developer in 2026
40 hours of video
401+ lessons
10 projects
🎉 Code FRIENDS10 for 10% off
Nord
Nordhealth's design system for healthcare products. Well-documented with a strong focus on accessibility and a clean component library.
Free
Wanda
Wonderflow's design system. Covers foundations, components, and patterns with clear usage guidelines for designers and developers.
Free
Kaizen
Culture Amp's design system. Thoroughly documented with UX guidelines, Figma assets, and front-end components - a good example of an internal system made public.
Free
Gestalt
Pinterest's design system. Covers web and native platforms, with detailed component specs and strong visual examples.
Free
Stacks
Stack Overflow's design system. Developer-focused, with a comprehensive set of UI components, icons, and email templates.
Free
Washington Post
A continuously evolving system built around design tokens and interactive components for a large-scale news platform.
Free
Cloudscape
AWS's open-source design system for web apps. Includes guidelines, components, and tools for building consistent cloud application UIs.
Free
DRUIDS
Datadog's design system for internal platform UI. Useful reference for data-heavy, dashboard-style product design.
Free
Wise Design
Wise's design system, focused on consistency across a complex global financial product. Clean documentation with well-defined foundations.
Free
Modulor
GR8 Tech's design system. A practical reference for structured foundations, components, and design assets.
Free
Fluent 2
Microsoft's design system, covering web, Windows, and mobile. Strong on motion and cross-platform design tokens.
Free
Atlassian
One of the most comprehensive public design systems. Covers components, tokens, content guidelines, and brand foundations in detail.
Free
Carbon
IBM's open-source design system. A reference-level example for documentation quality, accessibility, and design token structure.
Free
Backpack
Skyscanner's design system for travel product UI. Cross-platform (web, iOS, Android) with clear component documentation.
Free
Lightning
Salesforce's design system for enterprise apps. Deep documentation, extensive component library, and detailed accessibility guidance.
Free
Evergreen
Segment's React UI framework and design system. Flexible and composable - a good example of a developer-first system.
Free
Porsche
A brand-specific design system that shows how to encode a strong visual identity into components and guidelines without losing flexibility.
Free
Material Design
Google's design system for web and mobile. The reference point for most developers on motion, color, and component behavior.
Free
Human Interface Guidelines
Apple's design guidelines for iOS, macOS, and other platforms. Essential reading for anyone building for Apple's ecosystem.
Free
Primer
GitHub's open-source design system, built for developer-focused products. Available for React and Rails, with strong documentation.
Free
Polaris
Shopify's design system for merchants and admin interfaces. Well-documented with a clear component API and accessibility-first approach.
Free
Ant Design
Alibaba's design system for enterprise web products. One of the most complete component libraries available, with React, Angular, and Vue support.
Free
U.S. Web Design System
The official design system for U.S. federal websites. A thorough example of an accessibility-first, open-source system at government scale.
Free
Spectrum
Adobe's design system, used across Creative Cloud products. Covers components, tokens, and cross-platform patterns in depth.
Free
Pajamas
GitLab's design system. Strong on foundations and content guidelines, with detailed component specs and accessibility notes.
Free
Helios
HashiCorp's open-source design system. Clean documentation with a focus on developer tooling product UI and a well-structured token system.
Free
Looking for ready-to-use components? Check our curated list of the best component libraries for frontend developers.