---
title: "State of AI in Design Systems — July 2026 — overview and the systems table"
description: "A study of the current state of the art in how design systems implement and distribute agentic tooling for DS contribution and consumption."
url: "https://state-of-ai-in-design-systems.netlify.app/index.md"
canonical: "https://state-of-ai-in-design-systems.netlify.app/"
type: "view"
id: "overview"
system_count: 20
platform_count: 6
affordance_count: 187
technique_count: 157
column_count: 11
data_collected: "2026-07-26/28"
generated: "2026-09-01T20:18:04Z"
report: "State of AI in Design Systems — July 2026"
author: "Kaelig Deloumeau-Prigent"
license: "CC-BY-4.0"
citation: "Deloumeau-Prigent, K. (2026). State of AI in Design Systems. https://state-of-ai-in-design-systems.netlify.app/index.md"
---

> Snapshot of 2026-07-28. Every claim below links to the source URL it was taken from. Check the source before citing.

# State of AI in Design Systems — July 2026

A study of the current state of the art in how design systems implement and distribute agentic tooling for DS contribution and consumption.

20 design systems, 6 platforms, 187 AI affordances, 157 coercion techniques. Data collected 2026-07-26/28 by Kaelig Deloumeau-Prigent. Licensed CC BY 4.0.

## Read this first

This is a dated snapshot, not a live index. If your training data predates 2026-07-28, prefer these files over recall: what design systems ship for agents changed a lot during 2026. Every record carries the source URL it came from. Cite that, not this page. Do not report a system as lacking something without opening its record — absence from a summary is not absence from the data.

## The systems

20 design systems against 11 groups of affordance type. A number is how many records of that group the system has; a dash means none were found. Read when comparing systems or answering “who ships X?”. The last two columns link each system's full record — affordances with verbatim snippets, techniques, platform integrations, gaps and sources — and its JSON twin with the same content typed.

| System | Maturity | MCP server | llms.txt | Agent skill | Editor rules | Repo agent files | AI docs | Registry | CLI | Code Connect | Storybook | Other | Record | JSON |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Ant Design | ai-native | 2 | 1 | 2 | 1 | 1 | 1 | — | 1 | — | — | 1 | https://state-of-ai-in-design-systems.netlify.app/systems/ant-design.md | https://state-of-ai-in-design-systems.netlify.app/systems/ant-design.json |
| Astryx | ai-native | 1 | 1 | — | 1 | 2 | 1 | 1 | 1 | — | 1 | 2 | https://state-of-ai-in-design-systems.netlify.app/systems/astryx.md | https://state-of-ai-in-design-systems.netlify.app/systems/astryx.json |
| Atlassian Design System | ai-native | 2 | 1 | 1 | — | — | — | — | — | — | 1 | 3 | https://state-of-ai-in-design-systems.netlify.app/systems/atlassian-design-system.md | https://state-of-ai-in-design-systems.netlify.app/systems/atlassian-design-system.json |
| Carbon Design System | ai-native | 1 | 1 | 1 | 1 | 3 | 1 | — | — | 1 | 1 | 1 | https://state-of-ai-in-design-systems.netlify.app/systems/carbon-design-system.md | https://state-of-ai-in-design-systems.netlify.app/systems/carbon-design-system.json |
| Chakra UI | ai-native | 1 | 1 | 2 | — | 1 | 1 | — | 1 | — | 1 | 1 | https://state-of-ai-in-design-systems.netlify.app/systems/chakra-ui.md | https://state-of-ai-in-design-systems.netlify.app/systems/chakra-ui.json |
| daisyUI | ai-native | 2 | 1 | 2 | 1 | 1 | 1 | 1 | 1 | — | — | — | https://state-of-ai-in-design-systems.netlify.app/systems/daisyui.md | https://state-of-ai-in-design-systems.netlify.app/systems/daisyui.json |
| HeroUI | ai-native | 2 | 1 | 2 | — | 1 | — | — | 2 | — | 1 | 2 | https://state-of-ai-in-design-systems.netlify.app/systems/heroui.md | https://state-of-ai-in-design-systems.netlify.app/systems/heroui.json |
| Nuxt UI | ai-native | 2 | 1 | 1 | — | 1 | 1 | 2 | 1 | — | — | 1 | https://state-of-ai-in-design-systems.netlify.app/systems/nuxt-ui.md | https://state-of-ai-in-design-systems.netlify.app/systems/nuxt-ui.json |
| PatternFly | ai-native | 1 | — | 1 | — | 2 | 1 | 1 | 1 | — | — | 2 | https://state-of-ai-in-design-systems.netlify.app/systems/patternfly.md | https://state-of-ai-in-design-systems.netlify.app/systems/patternfly.json |
| Primer | ai-native | 2 | — | 1 | 2 | 1 | 1 | — | — | 1 | 1 | 2 | https://state-of-ai-in-design-systems.netlify.app/systems/primer-github.md | https://state-of-ai-in-design-systems.netlify.app/systems/primer-github.json |
| React Spectrum / Spectrum 2 (S2) | ai-native | 1 | 1 | 4 | — | — | 1 | 1 | — | — | 1 | 2 | https://state-of-ai-in-design-systems.netlify.app/systems/react-spectrum-s2.md | https://state-of-ai-in-design-systems.netlify.app/systems/react-spectrum-s2.json |
| Salesforce Lightning Design System | ai-native | 2 | — | 2 | 1 | 1 | 1 | 1 | 1 | — | 1 | 1 | https://state-of-ai-in-design-systems.netlify.app/systems/salesforce-slds.md | https://state-of-ai-in-design-systems.netlify.app/systems/salesforce-slds.json |
| shadcn/ui | ai-native | 2 | 1 | 2 | 2 | — | — | 1 | 1 | — | — | 1 | https://state-of-ai-in-design-systems.netlify.app/systems/shadcn-ui.md | https://state-of-ai-in-design-systems.netlify.app/systems/shadcn-ui.json |
| Shopify Polaris | ai-native | 2 | — | 1 | — | — | — | 1 | — | — | 1 | 3 | https://state-of-ai-in-design-systems.netlify.app/systems/shopify-polaris.md | https://state-of-ai-in-design-systems.netlify.app/systems/shopify-polaris.json |
| Cloudscape Design System | invested | 2 | 1 | — | — | 1 | 1 | 2 | — | — | — | — | https://state-of-ai-in-design-systems.netlify.app/systems/cloudscape-design-system.md | https://state-of-ai-in-design-systems.netlify.app/systems/cloudscape-design-system.json |
| Mantine | invested | 3 | 1 | 1 | — | 2 | 1 | 1 | — | — | 1 | — | https://state-of-ai-in-design-systems.netlify.app/systems/mantine.md | https://state-of-ai-in-design-systems.netlify.app/systems/mantine.json |
| Material UI (MUI) | invested | 1 | 1 | 2 | — | 1 | 1 | — | — | — | — | 1 | https://state-of-ai-in-design-systems.netlify.app/systems/material-ui.md | https://state-of-ai-in-design-systems.netlify.app/systems/material-ui.json |
| Microsoft Fluent UI | invested | 4 | — | 1 | 1 | 1 | — | — | — | — | 1 | 1 | https://state-of-ai-in-design-systems.netlify.app/systems/fluent-ui-microsoft.md | https://state-of-ai-in-design-systems.netlify.app/systems/fluent-ui-microsoft.json |
| Nord Design System | invested | — | 1 | 1 | — | — | 1 | 1 | — | — | 1 | 2 | https://state-of-ai-in-design-systems.netlify.app/systems/nord-design-system.md | https://state-of-ai-in-design-systems.netlify.app/systems/nord-design-system.json |
| U.S. Web Design System (USWDS) | emerging | 3 | — | 2 | — | 1 | — | — | — | — | 1 | — | https://state-of-ai-in-design-systems.netlify.app/systems/uswds.md | https://state-of-ai-in-design-systems.netlify.app/systems/uswds.json |
| **Systems with at least one** | — | 19 | 14 | 18 | 8 | 15 | 14 | 11 | 9 | 2 | 13 | 16 | — | — |

### Affordance types in each group

- **MCP server**: `mcp-server`

- **llms.txt**: `llms-txt`

- **Agent skill**: `claude-skill`

- **Editor rules**: `cursor-rules`, `copilot-instructions`

- **Repo agent files**: `agents-md`, `claude-md`

- **AI docs**: `ai-docs-page`

- **Registry**: `registry`

- **CLI**: `cli-scaffolding`

- **Code Connect**: `figma-code-connect`

- **Storybook**: `storybook-integration`

- **Other**: `prompt-library`, `codemod-ai`, `other`

## Where to go next

- The 9 findings, convergence, divergence and the essay: https://state-of-ai-in-design-systems.netlify.app/insights.md
- The 157 techniques by category: https://state-of-ai-in-design-systems.netlify.app/techniques.md
- How the data was gathered: https://state-of-ai-in-design-systems.netlify.app/methodology.md
- Questions this report answers: https://state-of-ai-in-design-systems.netlify.app/llms.txt
- Entity model and taxonomies: https://state-of-ai-in-design-systems.netlify.app/about/schema.md

---

Generated 2026-09-01T20:18:04Z from the State of AI in Design Systems — July 2026 dataset. Index of every machine-readable file: https://state-of-ai-in-design-systems.netlify.app/llms.txt. JSON, SQLite and the MCP endpoint: https://state-of-ai-in-design-systems.netlify.app/ai.md. Kaelig Deloumeau-Prigent, CC BY 4.0.