DesignOps World

A world of design systems.

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

Tools for DesignOps teams:

136 systems found

Filters

Sector

Region

Resources

Hand-selected systems we reach for first — strong documentation, real-world scale or exemplary public-sector craft.

Tools for DesignOps teams

Anara

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.*

Fillout

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.*

Cal.com

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.*

Wispr Flow

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.*

Granola

Free plan available

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.*

All systems

Aalto Design System

Aalto University's design system for research and teaching digital services, with shared components and guidance.

Adobe Spectrum

Adobe Spectrum components and foundations for cohesive experiences across Creative Cloud products.

  • Storybook documented
  • Open source repository

Agriculture Design System

AgDS — React components and tokens extending GOLD for Australian agriculture department digital services.

  • Open source repository

Ahoy Design System

Teamleader Ahoy — CRM and work-management React components with Figma libraries and documentation.

  • Figma kit available

Airbnb Design Language System

Overview only

Airbnb DLS — widely cited design language; public articles and talks, not a browsable documentation site.

Ant Design

Ant Design — enterprise-class UI language and React component library used across Alibaba ecosystem products.

  • Open source repository

Arco Design

ByteDance Arco Design — enterprise React and Vue component library with design tokens and Figma kits.

  • Open source repository

Atlassian Design System

Atlassian design tokens, components and patterns for Jira, Confluence and partner experiences.

  • Open source repository
Figma Blog
Figma Agent

The Figma Design Agent is Here

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 Design System

Audi's digital design system — UI components, motion and brand guidance for web and in-car experiences.

Auro Design System

Alaska Airlines Auro — web components and design tokens for consistent airline digital experiences.

  • Open source repository

Base Design System

Uber Base — company-wide design language with guidelines, tokens and the Base Web React library.

  • Figma kit available
  • Open source repository

Base Web

Open-source React implementation of Uber Base with extensive theming and override APIs.

  • Figma kit available
  • Storybook documented
  • Open source repository

Basis Design System

Basis design system with documented foundations, patterns and Storybook-driven React components.

  • Storybook documented

BBC GEL & Design Patterns

BBC Global Experience Language and design patterns for consistent editorial and product experiences.

BC Design System

British Columbia design system — provincial components and patterns for accessible public services.

  • Open source repository

Biings Design System

Biings HR platform design system with documented UI patterns and reusable interface components.

Blade Design System

Razorpay Blade — payments platform design system with React components and Figma design kits.

  • Open source repository

Blueprint Design System

Palantir Blueprint — React UI toolkit for data-dense enterprise and analytics application interfaces.

  • Open source repository
Figma Blog
Figma Agent

Agents, Meet the Figma Canvas

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

Braid Design System

SEEK Braid — themeable React design system for multi-brand job marketplace experiences across APAC.

  • Open source repository

Bristol Design System

Bristol City Council design system — styles, components and patterns for consistent local government digital services.

  • Figma kit available

Calcite Design System

Esri Calcite — web components and design tokens for maps, geospatial apps and ArcGIS experiences.

  • Open source repository

Carbon Design System

IBM's open design system with React, Angular and Vue components, tokens and detailed usage guidance.

  • Figma kit available
  • Open source repository

Cash App Design System

Cash App design guidelines and components for fintech product teams building money movement experiences.

Cedar Design System

REI Cedar — outdoor retail design system with Vue components, tokens and accessibility guidance.

  • Open source repository

CFPB Design System

CFPB design system — US federal financial regulator components built on accessible, plain-language patterns.

  • Open source repository

Chakra UI

Chakra UI — accessible React component library used as a design system foundation by many product teams.

  • Open source repository

Circuit Design System

SumUp Circuit — payments and merchant design system with React components and Storybook docs.

  • Storybook documented
  • Open source repository
Figma Blog
Figma Agent

Figma's Design Agent: Custom Tools and Skills

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

Cloudscape Design System

AWS Cloudscape — React components and guidelines for building accessible, responsive cloud console experiences.

  • Open source repository

CMS Design System

Healthcare-focused components and patterns for CMS digital products and public-facing services.

  • Open source repository

Codex

Wikimedia Codex — Vue design system for Wikipedia, Wikimedia tools and movement web properties.

  • Open source repository

Czech Design System

Czech government design system — shared components and standards for public administration websites.

DADS Design System

Japan DADS — Digital Agency design system for accessible, consistent government digital services.

  • Open source repository

Dell Design System

Dell's enterprise design system with components, patterns and Storybook documentation for digital products.

  • Storybook documented

Designers Italia

Designers Italia — Italy's public-sector design system with Bootstrap Italia and React component kits.

  • Open source repository

Det Fælles Designsystem

Denmark's shared public-sector design system with components, patterns and implementation guidance.

  • Open source repository

Dropbox Design System

Overview only

Dropbox design blog and brand stories — not a public component documentation library.

Figma Blog
Figma Make

Build With More Context in Figma Make

Make kits and Make attachments bring real components, data, and constraints into Figma Make — so prototypes start from your actual design system.

Apr 2026

Druids Design System

Datadog Druids — React component library and design tokens for observability product interfaces.

Duet Design System

LocalTapiola Duet — insurance and banking design system with web components and documentation.

  • Open source repository

DWP Design System

DWP patterns and components for benefits and employment services built on GOV.UK foundations.

  • Open source repository

Elastic UI (EUI)

Elastic UI framework — React components powering Kibana, Elasticsearch and Elastic Cloud interfaces.

  • Open source repository

Elisa Design System

Elisa EDS — telecom design system with Storybook docs and components for Finnish digital services.

  • Storybook documented

Encore Design System

Overview only

Spotify Encore — internal design system; public design blog and articles, not browsable docs.

Ethos Design System

GE HealthCare Ethos (formerly Edison) — clinical UI components, tokens and guidelines for healthcare software.

Europa Component Library

ECL — European Commission component library for EU institution websites and digital services.

  • Open source repository

Evergreen Design System

Segment Evergreen — React design system for customer data platform and analytics product interfaces.

  • Open source repository

Evo Design System

eBay Evo (Playbook) — components, patterns and brand guidance for marketplace experiences.

Figma Blog
Figma Motion

Introducing Figma Motion: Your Canvas Now Has a Timeline

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

Fluent 2 Design System

Microsoft Fluent 2 — cross-platform design language with web, iOS and Android component guidance.

  • Figma kit available
  • Open source repository

Garden Design System

Zendesk Garden — customer service platform design system with React components and Figma resources.

  • Open source repository

Geist Design System

Vercel Geist — typography, icons and components for modern developer-focused web experiences.

  • Figma kit available
  • Open source repository

Gestalt Design System

Pinterest Gestalt — React components and design tokens for Pinterest web and mobile surfaces.

  • Open source repository

GOLD Design System

Community-maintained successor to the Australian Government Design System with reusable components.

  • Open source repository

gov.cy Design System

Cyprus gov.cy design system — public sector components and guidance for government digital services.

  • Open source repository

GOV.UK Design System

Styles, components and patterns for UK government services, with WCAG-first guidance.

  • Open source repository

GOV.UK Publishing Design Guide

Components, patterns and frontend templates for designing publishing experiences on GOV.UK.

  • Open source repository

GOVBR Design System

GOVBR-DS — Brazil's federal design system with web components, tokens and accessibility standards.

  • Open source repository
Figma Blog
Figma Draw

Express Yourself with Figma Draw

Figma Draw pairs faster, simpler vector editing with powerful tools for visual expression — bringing illustration and UI design together on one canvas.

May 2025

GS Design System

Goldman Sachs GS design system — financial services UI components and brand guidelines for digital products.

HDS — Helsinki Design System

Helsinki city design system with React components, tokens and accessibility-first guidance.

  • Figma kit available
  • Open source repository

Helix Design System

Ideagen Helix — compliance and quality software design system with documented UI foundations.

HM Land Registry Design System

HM Land Registry components and guidance for accessible digital services aligned with GOV.UK standards.

HMRC Design System

Tax-specific patterns and components extending GOV.UK guidance for HMRC digital services.

  • Open source repository

Home Office Design System

Home Office design system — patterns and components for UK immigration and security digital services.

  • Open source repository

Horizon Design System

ServiceNow Horizon — platform design system with Figma libraries, patterns and Now Platform guidance.

Hue Design System

Overview only

LinkedIn Hue — professional network design system; public brand guidelines, not component docs.

Human Interface Guidelines

Apple HIG — platform design principles, components and patterns for iOS, macOS, watchOS and visionOS.

Figma Blog
Figma Weave

Introducing Figma Weave

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

ION Design System

Aviva ION — global component library and CSS codebase for insurance and financial digital products.

LeafyGreen Design System

MongoDB LeafyGreen — React components and patterns for database cloud and developer tooling UIs.

  • Open source repository

Lightning Design System

Salesforce SLDS components, tokens and blueprints for CRM and enterprise application UIs.

  • Open source repository

LINE Design System

LINE design system — components and guidelines for messaging, fintech and super-app experiences.

Malaysia Design System

Malaysia government design system — components and guidance for public sector digital platforms.

Marcel Design System

Carrefour Marcel — unified design system for retail web, app and in-store digital touchpoints across markets.

Material Design 3

Google Material 3 — adaptive design system with colour, typography, motion and component specs.

  • Figma kit available
  • Open source repository

Meta Design System

Overview only

Meta design blog and brand resources — articles and guidance, not a browsable component library.

MOJ Design System

Justice-specific components and patterns used alongside the GOV.UK Design System.

  • Open source repository

Morningstar Design System

Morningstar design system — financial data and research product components with brand guidelines.

Figma Blog
Figma Weave

Five Scalable Workflows with Figma Weave

Practical examples of Weave workflows for design teams — from brand asset generation to multi-model image pipelines you can publish and reuse.

Apr 2026

Motion Design System

Michelin Motion — brand and UI design system for automotive and mobility digital products.

NASA Web Design System

NASAWDS — NASA-themed implementation built on USWDS for accessible federal space agency websites.

  • Open source repository

NHS Design System

NHS service manual patterns and components for accessible health and care digital services.

  • Open source repository

NL Design System

NL Design System — shared components and principles for Netherlands central government digital services.

  • Open source repository

Nokia Brand & Design

Nokia brand design standards — typography, colour and digital guidelines for product experiences.

Nordhealth Design System

Nordhealth design system — clinical and practice-management UI components for European health tech.

  • Open source repository

NSW Design System

New South Wales government components, patterns and brand guidance for digital services.

  • Open source repository

NYS Design System

New York State design system — accessible components and patterns for NY government digital services.

NZ Government Design System

New Zealand government alpha design system with reusable components, patterns and style guidance.

  • Open source repository
Figma Blog
Figma Weave

Connecting Figma and Weave

Weave creative workflows can now live alongside your Figma frames — bringing generative AI directly into your design canvas.

Jul 2026

One UI Design Guidelines

Samsung One UI — Android design guidelines for Galaxy devices, apps and system experiences.

ONS Design System

ONS foundations, components and patterns for building accessible statistics and survey digital services.

  • Open source repository

Ontario Design System

Ontario public sector components and design standards for accessible, consistent digital services.

Orange Design System

Orange Boosted — Bootstrap-based design system for Orange digital products and services.

  • Open source repository

Orbit Design System

Kiwi.com Orbit — travel booking design system with React components, tokens and Storybook.

  • Open source repository

Pajamas Design System

GitLab Pajamas — Vue and web components with Figma kits for DevSecOps product interfaces.

  • Figma kit available
  • Open source repository

Paste Design System

Twilio Paste — communications platform design system with React components, tokens and Figma kits.

  • Open source repository

PatternFly

Red Hat PatternFly — open design system for enterprise product UIs with React and HTML/CSS components.

  • Open source repository

Pencil Design System

Brainly Pencil — design language and components for education community product experiences.

  • Storybook documented
Figma Blog
Figma MCP

Design Systems and AI: Why MCP Servers Are the Unlock

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

Pluralsight design system — learning platform components with accessibility-focused documentation.

  • Open source repository

Polaris Design System

Shopify Polaris — React components and guidelines for merchant admin and commerce experiences.

  • Open source repository

Poncho Design System

Argentina Poncho — federal government UI kit with components and templates for public digital services.

  • Open source repository

Porsche Design System

Porsche digital brand guidelines and UI foundations for web and in-vehicle experiences.

Power Playbook

Power Playbook — home-services company design system with Figma resources and component guidance.

Primer Design System

GitHub Primer — React components, CSS utilities and design guidelines for developer tools.

  • Figma kit available
  • Open source repository

Protocol Design System

Mozilla Protocol — CSS and React components for Firefox, Mozilla.org and foundation web properties.

  • Open source repository

Queensland Design System

QGDS — Queensland government design system with Bootstrap, vanilla and web component implementations.

  • Open source repository

Radix Themes

Radix Themes — accessible React component library and design system built on Radix UI primitives.

  • Open source repository
Figma Blog
Figma MCP

Expanding the Canvas with Figma MCP

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 Design System

Ripple — Victorian Government design system used across vic.gov.au and 50+ state agency websites.

SA Website Design System

South Australia website design system — accessible components for SA government digital services.

Sage Design System

Kajabi Sage — creator-economy platform design system with React components and Storybook docs.

  • Storybook documented

Sainsbury's Design System

Multi-brand Fable system — accessible, themeable components for Sainsbury's, Argos, Nectar and Tu.

  • Figma kit available

SAP Fiori Design

SAP Fiori — enterprise UX guidelines and components for SAP S/4HANA and business application design.

  • Open source repository

Scottish Government Design System

Scotland-specific design standards, components and guidance for public sector digital services.

Seeds Design System

Sprout Social Seeds — social media management UI components and design guidelines.

shadcn/ui

shadcn/ui — copy-paste React component collection built on Radix UI and Tailwind, widely adopted in 2026.

  • Open source repository

Singapore Design System

Singapore government components and guidelines for consistent, accessible public digital services.

  • Open source repository
Figma Blog
Design Systems

Schema 2025: Design Systems for a New Era

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

Sirio Design System

Italy's INPS Sirio — public-sector design system with tokens, components and accessibility guidance.

  • Open source repository

Škoda Flow

Škoda Flow — digital design system with Storybook docs and a public web component library.

  • Storybook documented

Solar Design System

Sunrise Solar — Swiss telecom design system with components for consumer and business digital products.

Système de Design de l'État

DSFR — France's official state design system with HTML/CSS/JS components for public administration sites.

  • Open source repository

Tailwind CSS

Tailwind CSS — utility-first CSS framework widely used as a foundation layer in modern design systems.

  • Open source repository

Terra Design System

VTS Terra — commercial real estate platform design system with documented UI components.

The Highway Code

Motorway's internal atomic design system — Transport-inspired typography and a bold digital palette.

The National Archives Design System

National Archives components and styles for consistent, accessible UK public record and archive services.

  • Open source repository

Thumbprint Design System

Thumbtack Thumbprint — marketplace design system with React, SCSS and token-driven components.

  • Open source repository
Figma Blog
Config 2026

Config 2026: A More Expressive Canvas

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

Tractie Design System

NS Tractie — Dutch Railways design system with components for ticketing and travel digital services.

  • Storybook documented

Transport for West Midlands Design System

TfWM patterns, components and guidance for accessible regional transport and mobility digital services.

  • Open source repository

U.S. Web Design System

Accessible components and guidance for US federal websites, with tokens, utilities and patterns.

  • Figma kit available
  • Open source repository

UAE Design System

United Arab Emirates government design standards for unified digital experiences across entities.

UKIC Design System

Shared design standards for UK intelligence community digital services and applications.

UX4G Design System

India's official UX4G design system for accessible, consistent government digital products.

VA Design System

VA design system — US veterans health and benefits digital services with accessible React components.

  • Open source repository

Vibe Design System

Monday.com Vibe — work-management UI components with Figma libraries and Storybook documentation.

  • Storybook documented
  • Open source repository

Visa Design System

Visa design system — payment brand guidelines and UI components for financial product experiences.

Figma Blog
Design Tokens

The Future of Design Systems is Semantic

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

Wanda Design System

Wonderflow Wanda — customer analytics platform design system with React components and Storybook.

  • Open source repository

Watson Design System

Docplanner Watson — healthcare booking platform design system with components and usage guidance.

  • Open source repository

Webuniversum v3

Flemish Webuniversum — design system and web components for Belgian Flanders government websites.

Wedges Design System

Lemon Squeezy Wedges — React and Radix-based component library for merchant and checkout UIs.

  • Open source repository

Wise Design System

Wise design guidelines and components for money transfer and financial product experiences.

Workday Canvas Design System

Workday Canvas — enterprise HR and finance UI components with accessibility and localisation guidance.

  • Open source repository

WPDS

Washington Post WPDS — newsroom design system with React components and editorial UI patterns.

Yoga Design System

Wellhub Yoga — wellness-focused components and brand guidelines for fitness and benefits products.