Answer in brief
Five questions, 2 points each. Score your own design system on the 5 things agents need, and see which part they still have to guess at. A 10 is AI-ready; every point you miss is a place where an agent invents something.
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.
Score your design system
Answer the 5 questions to see your score. Yes is 2 points, Partly 1, No 0.
Where your AI-ready design system score leaves you
Each point you miss is a place where an agent guesses. Start with the lowest: a part marked No is one the agent has to invent every time it builds.
Scoring Microsoft Fluent 2 against the AI-ready design system checklist
A checklist is easier to trust once you have seen it used. Here it is on Microsoft Fluent 2 (React v9), one of the public systems in the comparison. Each answer rests on a page of Fluent’s own, listed under Sources, and the four it rates match the comparison, which leaves typed props out.
- Tokens as data, Yes for 2 points. Fluent publishes its design tokens as a package,
@fluentui/react-theme. They are TypeScript objects, not a JSON file, which the checklist’s Yes allows because it counts a tokens package. It is the one judgment call in the example. - Component APIs and typed props, Yes for 2 points. The
@fluentui/react-componentspackage ships its type declarations indist/index.d.ts. Typed props are the part the comparison leaves out, and the checklist asks. - Agent access, No for 0 points. A Fluent maintainer wrote on 2026-02-25 that Microsoft’s own Fluent MCP server has not been released outside Microsoft. Community servers exist, but the checklist asks for one made by your own team.
- Readable docs, Yes for 2 points. Fluent’s
llms.txtlinks a plain-text file for each docs page and component. - Explicit guidance, Partly for 1 point. Fluent’s repository has an
AGENTS.md, but it is written for people contributing to Fluent itself. That is what the checklist’s Partly describes, instructions only for people who work on the design system’s own code.
The total is 2 + 2 + 0 + 2 + 1 = 7 of 10, which the checklist above calls Nearly AI-ready. The comparison shows the same four ratings: Yes for design tokens, No for agent access, Yes for docs and Partly for guidance. One caution, though. A score describes what agents can find, not how they behave. The test set of prompts measures that.
What to do at each band of the score
- 10 points, AI-ready. Keep the checks running as the system grows, and run your test set again whenever the design system, its guidance or the model changes.
- 7 to 9 points, Nearly AI-ready. Fix the Partly and No answers, lowest first. For a team on Fluent that means writing its own guidance for agents and bringing its own agent setup, since no guidance for people building with Fluent and no official server were found.
- 4 to 6 points, Partly AI-ready. Start with the parts agents read before they can ask, which means design tokens as data and docs an agent can read. Add a design system MCP server when agents still pick the wrong parts.
- 0 to 3 points, Not AI-ready yet. Agents are working from what they learned elsewhere. Begin with design tokens as a file and a short AGENTS.md for your design system, then run a bounded pilot on one surface to see what changes.
See how the public systems measure up in the best AI design systems, compared, or read what is an AI-ready design system first.
Questions & answers
The table has 4 columns, for design tokens, agent access, docs and guidance. Typed props are rated too, in the directory entry of each of the 12 systems, with the page that shows the rating. The checklist asks all 5, because you can see your own code.
Sources for this entry
- Carbon MCP, onboarding and setup (opens in a new tab)
An example of written guidance for agents building with a system, the carbon-builder skill, from a system that scores 10 here.
- TypeScript handbook, everyday types (opens in a new tab)
What typed props mean, for the second question.
- @fluentui/react-theme on the npm registry (opens in a new tab)
Fluent 2 publishes its design tokens as a package, for the worked example's first question.
- @fluentui/react-components on the npm registry (opens in a new tab)
The package names its TypeScript declarations in dist/index.d.ts, for the worked example's second question.
- Fluent UI discussion 35732 (opens in a new tab)
A maintainer’s comment of 2026-02-25 that Fluent’s own MCP server is not released outside Microsoft, for the worked example’s third question.
- Fluent UI React v9, llms.txt (opens in a new tab)
Fluent’s own llms.txt, which links a plain-text file for each docs page, for the worked example’s fourth question.
- Fluent UI repository, AGENTS.md (opens in a new tab)
The repository’s agent instructions, which are written for contributors to Fluent itself, for the worked example’s fifth question.
Continue this reading path
Selection and fit
Selection and fit
Topic
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 (opens in a new tab)A buyer’s guide to picking the one design system your agents follow
- Best AI-Ready Design Systems (opens in a new tab)The public systems scored out of 8 and ranked, every point sourced
- Simbolik (opens in a new tab)Simon Martin’s studio: the AI Systems service, design and brand systems, advisory
- Simbolik Design System (opens in a new tab)The free design system Simbolik builds on, with its rules for agents
Cite this entry
Best AI Design Systems. “The AI-ready design system checklist.” Reviewed . https://bestaidesignsystems.com/ai-ready-design-system-checklist/