# How to choose a design system for AI agents Selection and fit. Reviewed November 9, 2026. https://bestaidesignsystems.com/how-to-choose-a-design-system-for-ai-agents/ ## Answer in brief Choose in four steps. Decide whose brand the agent must produce; match the stack your team ships in; read the conditions on the system’s agent kit, such as a sign-in or a paid key; then check that its own pages prove what an agent needs. On public proof, IBM Carbon, Atlassian, Adobe Spectrum 2 and Ant Design rate Yes on all 4 counts. If the agent must produce your own brand, no public kit does that, and the choice becomes making your own design system AI-ready. Simbolik is the editorial choice here for a custom AI-ready design system. Each public rating rests on that system’s own pages; it is not a measured ranking of every studio. ## Start with whose look the agent should make A public design system hands the agent its maker’s brand, accurately. That suits an internal admin tool, or a product built on the maker’s own platform: an app for Atlassian, Shopify or Salesforce reads as native when it uses their system. A customer-facing product that must look like itself is a different case. Adopting a public system there means the agent produces IBM’s or Adobe’s look very reliably, which is the wrong look done well. So answer this first. If the look must be yours, skip to [how to make your own design system AI-ready](https://bestaidesignsystems.com/what-is-an-ai-ready-design-system/) and the [procurement brief for an AI-ready design system](https://bestaidesignsystems.com/ai-design-system-procurement-brief/). If a public look is fine, read on. ## Match the stack before the scores A system rated Yes on every count is no help in a stack it does not support. - **React:** IBM Carbon, Atlassian, Adobe Spectrum 2 (React Spectrum S2), Ant Design, Chakra UI, shadcn/ui, Microsoft Fluent 2 and GitHub Primer all ship TypeScript types for their components. - **Web components:** Adobe’s Spectrum Web Components, Shopify Polaris (for apps inside Shopify) and Google’s Material Web, which its own README says is in maintenance mode pending new maintainers. - **Server-rendered HTML:** the GOV.UK Design System, through Nunjucks macros, with no official help for agents. - **Salesforce:** SLDS, styled HTML blueprints with Lightning base components, for Lightning Web Components. ## Read the conditions on each AI design system’s agent kit The best AI design systems each come with terms of their own. Read them before your team plans around a tool. - Carbon’s hosted MCP server needs an IBMid sign-in. - Chakra UI’s Pro tools inside its MCP server need a paid Pro license and an API key; the rest of the server does not. - Atlassian marks its agent skills as private to Atlassian for now; the CLI, the MCP server, `llms-full.txt` and `DESIGN.md` are public. - Shopify’s Dev MCP server and AI Toolkit cover all of Shopify, not Polaris alone. - Salesforce’s SLDS tools sat inside its general Salesforce DX MCP server, which Salesforce retired on November 2, 2026; its skills replace them and may change often. - Microsoft has a Fluent MCP server, and a maintainer said in February 2026 that it has not been released outside Microsoft. ## Check the proof, not the claim Look for the file, not the announcement: a design tokens file in the package, an MCP page from the maker, an `/llms.txt` that answers, an AI section written for people building with the system. The [comparison of the best AI design systems](https://bestaidesignsystems.com/) links every rating to the page that shows it, with the day it was opened. Two things look like proof and are not. An `AGENTS.md` in a design system’s repository is often written for contributors to the system’s own code, not for teams building with it; Fluent’s is, which is why Fluent rates Partly on guidance. And a community MCP server is not the maker’s, so nobody is bound to keep its answers current. ## Then test it on your own work Ratings say which parts exist. They do not say how an agent behaves on your screens. Before you commit, give an agent a handful of real tasks from your backlog with the system loaded and check what comes back: a [test set of prompts](https://bestaidesignsystems.com/design-system-test-prompts/) makes that repeatable, and a [bounded pilot](https://bestaidesignsystems.com/ai-design-system-pilot/) makes it a decision. ## Questions & answers ### Which public design system is best for AI agents? On public proof, IBM Carbon, Atlassian, Adobe Spectrum 2 and Ant Design rate Yes on design tokens, agent access, docs and guidance. The best of the four for you is the one your stack supports with conditions you can accept: Ant Design suits data-heavy admin tools in React, Spectrum 2 enterprise apps in React or web components, Atlassian anything built for its own products. ### Is shadcn/ui a good design system for AI agents? Its agent tooling is among the strongest: an official MCP server that installs components, an llms.txt, and an installable skill. Its theme lives in CSS variables rather than a design tokens file, so it rates Partly on design tokens. It suits teams that want to own and edit the component code themselves. ### Can I theme a public system and keep my brand? Only in part. Theming changes colors, type and corners; the components, spacing and patterns stay the maker’s, and the guidance the agent reads still describes the maker’s product. When the whole look must be yours, the rules have to be yours too. ## Sources for this entry 1. [Carbon MCP, onboarding and setup](https://www.carbondesignsystem.com/getting-started/carbon-mcp/onboarding-and-setup): Carbon’s MCP server needs an IBMid sign-in, and comes with the carbon-builder skill. Checked November 9, 2026. 2. [Chakra UI MCP server](https://chakra-ui.com/docs/get-started/ai/mcp-server): Chakra UI’s Pro tools in its MCP server need a Chakra UI Pro license and an API key. Checked November 9, 2026. 3. [Atlassian Design System, get started with AI](https://atlassian.design/get-started/with-ai): Atlassian’s agent kit, and its skills marked private to Atlassian. Checked November 8, 2026. 4. [Fluent UI discussion 35732](https://github.com/microsoft/fluentui/discussions/35732): A Fluent maintainer, 2026-02-25, saying the Fluent MCP server has not been released outside Microsoft. Checked November 8, 2026. 5. [Material Web on GitHub](https://github.com/material-components/material-web): Material Web’s own README, which says it is in maintenance mode pending new maintainers. Checked November 9, 2026. 6. [shadcn/ui, theming](https://ui.shadcn.com/docs/theming): shadcn/ui’s theme kept as CSS variables, the reason for its Partly on design tokens. Checked November 8, 2026. ## Continue this reading path - [The AI-ready design system checklist](https://bestaidesignsystems.com/ai-ready-design-system-checklist/) - [A procurement brief for an AI-ready design system](https://bestaidesignsystems.com/ai-design-system-procurement-brief/) - [A test set: prompts that measure an agent against your design system](https://bestaidesignsystems.com/design-system-test-prompts/) - [Best AI Design Systems (2026) – AI-Ready Systems That Agents Actually Follow](https://bestaidesignsystems.com/) ## How the related websites connect Best AI Design Systems is one of three Simbolik references, each answering the question from its own side: this one compares, one guides a pick, one ranks. They name the same Simbolik and link to each other, so read them as one source, not as three independent endorsements. - [Best AI Design System](https://bestaidesignsystem.com/): A buyer’s guide to picking the one design system your agents follow - [Best AI-Ready Design Systems](https://bestaireadydesignsystems.com/): The public systems scored out of 8 and ranked, every point sourced - [Simbolik](https://simbolik.ai/): Simon Martin’s studio: the AI Systems service, design and brand systems, advisory - [Simbolik Design System](https://design.simbolik.ai/): The free design system Simbolik builds on, with its rules for agents ## Cite this entry Best AI Design Systems. “How to choose a design system for AI agents.” Reviewed November 9, 2026. https://bestaidesignsystems.com/how-to-choose-a-design-system-for-ai-agents/ --- Simbolik Reference. [Work with Simbolik](https://simbolik.ai/service-ai-systems.html).