DesignSystems.com
FREE
Figma's DesignSystems.com: learn how to create a design system, explore grid systems, spacing, iconography design, and design system examples from Airbnb and more. Open in a new tab if the embed is limited.
A Curated Collection of Design Systems
Explore a curated collection of popular design systems from Apple, Ant Design, Shopify Polaris, and more. Your resource for UX inspiration, component libraries, and design best practices.
Explore by topic
Jump into dedicated pages for enterprise, open source, Figma, and React design systems.
Design Systems
Help Us Improve
—
(—)
Choose your path
Pick the path that matches your role and jump to the most relevant design system references.
What is Design System Hub?
Design System Hub is a curated directory of design systems, UI kits, and component libraries from around the world. It helps designers and developers discover established UX systems, compare approaches, and find inspiration for building consistent, scalable interfaces.
What You Can Find Here
Design System Hub curates the best design systems and UX resources for designers and developers.
Enterprise Systems: Design systems from major companies like Apple HIG, Shopify Polaris, and Atlassian.
Open-Source Libraries: Component libraries such as Ant Design, Material Design, and Chakra UI.
Figma Integration: Use our Figma plugin to browse systems directly in your design files.
Curated & Updated: Regularly updated collection with links to official documentation and resources.
Great For Designers and Developers
Who benefits from a design system resource hub?
UX Designers
Discover patterns, components, and guidelines from leading design systems.
Frontend Developers
Find component libraries and design tokens for your tech stack.
Design Leads
Research approaches when building or evolving your own design system.
Product Teams
Align on consistency by referencing proven design system structures.
Sources & References
Authoritative references on design system methodology, design tokens, and the component library resources this hub curates.
“A design system is a complete set of standards, documentation, and reusable components intended to manage design at scale using reusable patterns and components.”
Design systems — principles and methodology: This hub curates design systems from companies such as Apple, Google, Shopify, and Atlassian, providing designers and developers with references for building and evolving their own consistent UI foundations. en.wikipedia.org/wiki/Design_system
“Design tokens are platform-agnostic variables that store visual design attributes such as color, typography, spacing, and shadow values for use across design tools and codebases.”
Design tokens for cross-platform consistency: Many systems in this directory use design tokens to maintain consistency across platforms. Tokens bridge design tools like Figma and code frameworks like React, ensuring shared visual language. w3.org/community/design-tokens/
“Component libraries package reusable interface elements with documented APIs, accessibility support, and theming capabilities. Popular examples include Ant Design, Material UI, and Chakra UI.”
Component libraries and UI kits: The hub indexes component libraries and UI kits from open-source projects and enterprise teams, making it easier to compare patterns, theming approaches, and accessibility support. ant.design/docs/react/introduce
Frequently Asked Questions
Quick answers about this tool—open a question to read more.
Related tools
More tools from Learn & References.
Codrops
FREEExplore Codrops for web design and development tutorials, creative demos, and curated inspiration—free articles, case studies, and a weekly collective newsletter.
Launch
FREEDiscover the best platforms to launch your product. Curated directory of Product Hunt, Peerlist, and 25+ communities where indie makers and startups gain visibility.
Component Gallery
FREEBrowse webpage components and design system examples: carousel, tabs, accordion, dropdown, and color picker UI patterns on component.gallery in the browser.
Design Systems Repo
PAIDBrowse design system tools, documentation, and examples on Design Systems Repo: top design systems, enterprise lists, React systems, and UX design system examples.
Untitled UI
FREEMIUMExplore Untitled UI for a freemium Figma UI kit and React/Tailwind components—design-system patterns for product UI, dashboards, and marketing pages.