Base Design System
Uber Base — company-wide design language with guidelines, tokens and the Base Web React library.
- Figma kit available
- Open source repository
A hand-curated reference of design systems from governments and leading organisations worldwide — components, patterns, colour palettes, and their Figma kits. Updated monthly. Free.
136 systems · 42 governments · last updated July 2026
136 systems found
Hand-selected systems we reach for first — strong documentation, real-world scale or exemplary public-sector craft.
Uber Base — company-wide design language with guidelines, tokens and the Base Web React library.
BBC Global Experience Language and design patterns for consistent editorial and product experiences.
IBM's open design system with React, Angular and Vue components, tokens and detailed usage guidance.
Microsoft Fluent 2 — cross-platform design language with web, iOS and Android component guidance.
Styles, components and patterns for UK government services, with WCAG-first guidance.
Motorway's internal atomic design system — Transport-inspired typography and a bold digital palette.
AI research library for DesignOps teams — manage research, verify sources, and build a shared knowledge base your whole team can access.
Try Anara →*Affiliate link — we may earn a commission at no cost to you.*
Forms and surveys for design system teams — component request forms, contribution surveys, and design feedback collection in one tool.
Try Fillout free →*Affiliate link — we may earn a commission at no cost to you.*
Open-source scheduling for design system office hours, component critiques, and onboarding sessions — no back-and-forth email.
Try Cal.com free →*Affiliate link — we may earn a commission at no cost to you.*
AI voice dictation for writing component specs, design decisions, and documentation — speak naturally, get clean publish-ready text.
Try Wispr Flow →*Affiliate link — we may earn a commission at no cost to you.*
AI meeting notes for design system teams — capture office hours, contribution reviews, and governance meetings. No bots on the call, just searchable notes.
Try Granola →*Affiliate link — we may earn a commission at no cost to you.*
Aalto University's design system for research and teaching digital services, with shared components and guidance.
Adobe Spectrum components and foundations for cohesive experiences across Creative Cloud products.
AgDS — React components and tokens extending GOLD for Australian agriculture department digital services.
Teamleader Ahoy — CRM and work-management React components with Figma libraries and documentation.
Airbnb DLS — widely cited design language; public articles and talks, not a browsable documentation site.
Ant Design — enterprise-class UI language and React component library used across Alibaba ecosystem products.
ByteDance Arco Design — enterprise React and Vue component library with design tokens and Figma kits.
Atlassian design tokens, components and patterns for Jira, Confluence and partner experiences.
Work with an agent that is built for Figma — directly on the canvas. Fine-tuned for editing Figma files with deep context on your components, tokens, and design system standards.
May 2026
Audi's digital design system — UI components, motion and brand guidance for web and in-car experiences.
Alaska Airlines Auro — web components and design tokens for consistent airline digital experiences.
Uber Base — company-wide design language with guidelines, tokens and the Base Web React library.
Open-source React implementation of Uber Base with extensive theming and override APIs.
Basis design system with documented foundations, patterns and Storybook-driven React components.
BBC Global Experience Language and design patterns for consistent editorial and product experiences.
British Columbia design system — provincial components and patterns for accessible public services.
Biings HR platform design system with documented UI patterns and reusable interface components.
Razorpay Blade — payments platform design system with React components and Figma design kits.
Palantir Blueprint — React UI toolkit for data-dense enterprise and analytics application interfaces.
AI agents can now design directly on the Figma canvas. Skills let you guide agents with your team's decisions, conventions, and design system context.
Mar 2026
SEEK Braid — themeable React design system for multi-brand job marketplace experiences across APAC.
Bristol City Council design system — styles, components and patterns for consistent local government digital services.
Esri Calcite — web components and design tokens for maps, geospatial apps and ArcGIS experiences.
IBM's open design system with React, Angular and Vue components, tokens and detailed usage guidance.
Cash App design guidelines and components for fintech product teams building money movement experiences.
REI Cedar — outdoor retail design system with Vue components, tokens and accessibility guidance.
CFPB design system — US federal financial regulator components built on accessible, plain-language patterns.
Chakra UI — accessible React component library used as a design system foundation by many product teams.
SumUp Circuit — payments and merchant design system with React components and Storybook docs.
New ways to customise what the Figma agent can do — build your own skills, connect external tools, and guide outputs with greater precision.
Jul 2026
AWS Cloudscape — React components and guidelines for building accessible, responsive cloud console experiences.
Healthcare-focused components and patterns for CMS digital products and public-facing services.
Wikimedia Codex — Vue design system for Wikipedia, Wikimedia tools and movement web properties.
Czech government design system — shared components and standards for public administration websites.
Japan DADS — Digital Agency design system for accessible, consistent government digital services.
Dell's enterprise design system with components, patterns and Storybook documentation for digital products.
Designers Italia — Italy's public-sector design system with Bootstrap Italia and React component kits.
Denmark's shared public-sector design system with components, patterns and implementation guidance.
Dropbox design blog and brand stories — not a public component documentation library.
Make kits and Make attachments bring real components, data, and constraints into Figma Make — so prototypes start from your actual design system.
Apr 2026
Datadog Druids — React component library and design tokens for observability product interfaces.
LocalTapiola Duet — insurance and banking design system with web components and documentation.
DWP patterns and components for benefits and employment services built on GOV.UK foundations.
Elastic UI framework — React components powering Kibana, Elasticsearch and Elastic Cloud interfaces.
Elisa EDS — telecom design system with Storybook docs and components for Finnish digital services.
Spotify Encore — internal design system; public design blog and articles, not browsable docs.
GE HealthCare Ethos (formerly Edison) — clinical UI components, tokens and guidelines for healthcare software.
ECL — European Commission component library for EU institution websites and digital services.
Segment Evergreen — React design system for customer data platform and analytics product interfaces.
eBay Evo (Playbook) — components, patterns and brand guidance for marketplace experiences.
Motion is now a native mode in Figma. Prompt the agent to build keyframe animations on the new timeline, grounded in your components and tokens.
Jul 2026
Microsoft Fluent 2 — cross-platform design language with web, iOS and Android component guidance.
Zendesk Garden — customer service platform design system with React components and Figma resources.
Vercel Geist — typography, icons and components for modern developer-focused web experiences.
Pinterest Gestalt — React components and design tokens for Pinterest web and mobile surfaces.
Community-maintained successor to the Australian Government Design System with reusable components.
Cyprus gov.cy design system — public sector components and guidance for government digital services.
Styles, components and patterns for UK government services, with WCAG-first guidance.
Components, patterns and frontend templates for designing publishing experiences on GOV.UK.
GOVBR-DS — Brazil's federal design system with web components, tokens and accessibility standards.
Figma Draw pairs faster, simpler vector editing with powerful tools for visual expression — bringing illustration and UI design together on one canvas.
May 2025
Goldman Sachs GS design system — financial services UI components and brand guidelines for digital products.
Helsinki city design system with React components, tokens and accessibility-first guidance.
Ideagen Helix — compliance and quality software design system with documented UI foundations.
HM Land Registry components and guidance for accessible digital services aligned with GOV.UK standards.
Tax-specific patterns and components extending GOV.UK guidance for HMRC digital services.
Home Office design system — patterns and components for UK immigration and security digital services.
ServiceNow Horizon — platform design system with Figma libraries, patterns and Now Platform guidance.
LinkedIn Hue — professional network design system; public brand guidelines, not component docs.
Apple HIG — platform design principles, components and patterns for iOS, macOS, watchOS and visionOS.
Weave is a node-based canvas for building generative AI workflows. Connect models, transform assets, and build scalable visual processes you can reuse.
Oct 2025
Aviva ION — global component library and CSS codebase for insurance and financial digital products.
MongoDB LeafyGreen — React components and patterns for database cloud and developer tooling UIs.
Salesforce SLDS components, tokens and blueprints for CRM and enterprise application UIs.
LINE design system — components and guidelines for messaging, fintech and super-app experiences.
Malaysia government design system — components and guidance for public sector digital platforms.
Carrefour Marcel — unified design system for retail web, app and in-store digital touchpoints across markets.
Google Material 3 — adaptive design system with colour, typography, motion and component specs.
Meta design blog and brand resources — articles and guidance, not a browsable component library.
Justice-specific components and patterns used alongside the GOV.UK Design System.
Morningstar design system — financial data and research product components with brand guidelines.
Practical examples of Weave workflows for design teams — from brand asset generation to multi-model image pipelines you can publish and reuse.
Apr 2026
Michelin Motion — brand and UI design system for automotive and mobility digital products.
NASAWDS — NASA-themed implementation built on USWDS for accessible federal space agency websites.
NHS service manual patterns and components for accessible health and care digital services.
NL Design System — shared components and principles for Netherlands central government digital services.
Nokia brand design standards — typography, colour and digital guidelines for product experiences.
Nordhealth design system — clinical and practice-management UI components for European health tech.
New South Wales government components, patterns and brand guidance for digital services.
New York State design system — accessible components and patterns for NY government digital services.
New Zealand government alpha design system with reusable components, patterns and style guidance.
Weave creative workflows can now live alongside your Figma frames — bringing generative AI directly into your design canvas.
Jul 2026
Samsung One UI — Android design guidelines for Galaxy devices, apps and system experiences.
ONS foundations, components and patterns for building accessible statistics and survey digital services.
Ontario public sector components and design standards for accessible, consistent digital services.
Orange Boosted — Bootstrap-based design system for Orange digital products and services.
Kiwi.com Orbit — travel booking design system with React components, tokens and Storybook.
GitLab Pajamas — Vue and web components with Figma kits for DevSecOps product interfaces.
Twilio Paste — communications platform design system with React components, tokens and Figma kits.
Red Hat PatternFly — open design system for enterprise product UIs with React and HTML/CSS components.
Brainly Pencil — design language and components for education community product experiences.
Paired with MCP servers, design systems become a productivity multiplier for AI workflows — ensuring agents produce output that is relevant and on brand.
Aug 2025
Pluralsight design system — learning platform components with accessibility-focused documentation.
Shopify Polaris — React components and guidelines for merchant admin and commerce experiences.
Argentina Poncho — federal government UI kit with components and templates for public digital services.
Porsche digital brand guidelines and UI foundations for web and in-vehicle experiences.
Power Playbook — home-services company design system with Figma resources and component guidance.
GitHub Primer — React components, CSS utilities and design guidelines for developer tools.
Mozilla Protocol — CSS and React components for Firefox, Mozilla.org and foundation web properties.
QGDS — Queensland government design system with Bootstrap, vanilla and web component implementations.
Radix Themes — accessible React component library and design system built on Radix UI primitives.
How to close the gap between design and code using Figma MCP — bringing real product states onto the canvas so designers can shape what actually ships.
Apr 2026
Ripple — Victorian Government design system used across vic.gov.au and 50+ state agency websites.
South Australia website design system — accessible components for SA government digital services.
Kajabi Sage — creator-economy platform design system with React components and Storybook docs.
Multi-brand Fable system — accessible, themeable components for Sainsbury's, Argos, Nectar and Tu.
SAP Fiori — enterprise UX guidelines and components for SAP S/4HANA and business application design.
Scotland-specific design standards, components and guidance for public sector digital services.
Sprout Social Seeds — social media management UI components and design guidelines.
shadcn/ui — copy-paste React component collection built on Radix UI and Tailwind, widely adopted in 2026.
Singapore government components and guidelines for consistent, accessible public digital services.
Everything Figma announced at Schema 2025 — variables import/export, the Check Designs linter, design system performance gains, and the W3C Design Tokens 1.0 spec.
Oct 2025
Italy's INPS Sirio — public-sector design system with tokens, components and accessibility guidance.
Škoda Flow — digital design system with Storybook docs and a public web component library.
Sunrise Solar — Swiss telecom design system with components for consumer and business digital products.
DSFR — France's official state design system with HTML/CSS/JS components for public administration sites.
Tailwind CSS — utility-first CSS framework widely used as a foundation layer in modern design systems.
VTS Terra — commercial real estate platform design system with documented UI components.
Motorway's internal atomic design system — Transport-inspired typography and a bold digital palette.
National Archives components and styles for consistent, accessible UK public record and archive services.
Thumbtack Thumbprint — marketplace design system with React, SCSS and token-driven components.
Figma Motion, Figma Draw, Weave tools on canvas, the Figma agent launched to everyone, and new skills and connectors. Everything announced at Config 2026.
Jul 2026
NS Tractie — Dutch Railways design system with components for ticketing and travel digital services.
TfWM patterns, components and guidance for accessible regional transport and mobility digital services.
Accessible components and guidance for US federal websites, with tokens, utilities and patterns.
United Arab Emirates government design standards for unified digital experiences across entities.
Shared design standards for UK intelligence community digital services and applications.
India's official UX4G design system for accessible, consistent government digital products.
VA design system — US veterans health and benefits digital services with accessible React components.
Monday.com Vibe — work-management UI components with Figma libraries and Storybook documentation.
Visa design system — payment brand guidelines and UI components for financial product experiences.
Figma variables and the shift to semantic tokens — what this signals for the future of design systems and the connection between design and code.
Jul 2023
Wonderflow Wanda — customer analytics platform design system with React components and Storybook.
Docplanner Watson — healthcare booking platform design system with components and usage guidance.
Flemish Webuniversum — design system and web components for Belgian Flanders government websites.
Lemon Squeezy Wedges — React and Radix-based component library for merchant and checkout UIs.
Wise design guidelines and components for money transfer and financial product experiences.
Workday Canvas — enterprise HR and finance UI components with accessibility and localisation guidance.
Washington Post WPDS — newsroom design system with React components and editorial UI patterns.
Wellhub Yoga — wellness-focused components and brand guidelines for fitness and benefits products.