← All writing
AI & Design
7 min read

Your Design System Is Now Machine Infrastructure. Most Teams Still Document It for Humans.

For fifteen years we built design systems for people. A tidy documentation site. Usage guidelines nobody read past the first heading. A component library one designer updated on a good week. That entire model is now aimed at the wrong reader.

The primary consumer of your design system in 2026 is an agent. And it does not read your docs.

This is the shift most design teams are sleeping through. They are still polishing the Storybook site and arguing about whether the button page needs another example, while the thing that actually decides whether an AI can build against their system sits one layer down: in the props, the types, and the states. Nobody owns that layer with any real rigour. It is about to become the most valuable thing the team has.

Why this is happening now

In 2026 Brad Frost, who wrote Atomic Design, ran a session with Dominic Nguyen, co-founder of Chromatic, called Agentic Design Systems in 2026. The demo is the part worth watching. Someone typed "Add a customer reviews component." The agent found a Star component, pulled in Typography and an Avatar, read their props, understood their states, composed something new, wrote the code, and wrote the tests. No designer opened a file. No engineer wired it up by hand.

That is not a party trick. That is the new default build path. Figma has already shipped a native agentic tool aimed specifically at design tasks, handing designers assistants inside the canvas that generate interface elements directly (Fast Company, 2026). The direction of travel is obvious. Agents assemble UI. The only question left is what they assemble it from.

And here is the uncomfortable answer. They assemble it from whatever your system exposes. If your components have clean, typed props and well-defined states, the agent composes something sensible. If your props are inconsistent and your states are half-documented, the agent still ships. It just ships something wrong, fast, and with confidence.

Agents read structure, not screenshots

The core insight from the agentic design systems work is blunt. AI agents consume context differently from humans. They do not learn your system by looking at a nicely laid out documentation page. They need structured metadata, types, and examples. Frost and the Chromatic team frame the requirement as two pillars: coverage, which means machine-readable patterns through normalised examples and composition rules, and validation, which means enforcing standards through tests and human review.

Read that back and notice what is missing. Nowhere in there is "a really good usage guidelines page." The artefact we have spent a decade perfecting, the human-facing doc site, is close to irrelevant to the machine that is now doing the composition.

This reframes what a design system actually is. It was never really the Figma library or the docs. It was always the contract: what a component accepts, what states it can be in, how pieces combine. We just got away with keeping that contract loose because humans are good at filling gaps. A designer sees a button with three documented states and instinctively knows there is a disabled state too. An agent does not instinct anything. It reads what is there and builds on it.

Token drift stops being a taste argument and becomes a test

Here is where this gets practical, and honestly where it gets good. For years, governance in design systems was a losing battle fought with politeness. You would spot someone hardcoding a hex value instead of using a token, leave a comment, and hope. Multiply that across a fast team and the system slowly rots.

AI tooling is now emerging that auto-polices this. It flags token drift, the moment a designer hardcodes a hex value instead of using the token, and it does it automatically. Governance moves from a person nagging in review to a rule that fails a check. That is a genuine upgrade. The systems that adopt this will hold their integrity under speed. The ones that do not will drift faster than ever, because agents will happily generate a hundred screens a week on top of a broken foundation.

I have seen the before-state up close. On a regulated product in a heavily compliance-bound category, I ran a design system audit and found the same thing every audit finds. Components that looked consistent on the surface but had three different naming conventions underneath. States that existed in the built product but were never captured in the system. Spacing applied by eye, not by token. Humans had absorbed all of it. The product worked. Nobody noticed the debt because the debt lived in a layer people did not have to read.

An agent has to read that layer. That is the whole point. The mess we hid from humans is exactly the mess we now have to expose and fix, because it is the input to everything the machine builds next.

What this does to the org

This changes who is valuable on a design systems team. The person who makes the beautiful documentation site is no longer the most important hire. The person who defines a rigorous component API, names every state, types every prop, and writes the composition rules is now sitting on the critical path for the entire product's build velocity.

That is a real shift in status, and most orgs have not caught up to it. Design systems work has long been treated as the unglamorous back office of a design team, the place you put people who like tidy things. In an agentic build pipeline it becomes the leverage point. Get the contract right and every agent-generated screen inherits your quality. Get it wrong and every agent-generated screen inherits your problems, at machine speed.

The obvious pushback

The fair counter is that most companies do not even have a mature design system, so this is a problem for the top five percent of teams and irrelevant to everyone else.

I disagree, and I think that reading gets the timing exactly backwards. The teams without a mature system are the ones most exposed, not least. If you have no structured component layer, an agent will improvise one every time it builds, and it will improvise a different one each time. You do not get to skip the design system in an agentic workflow. You either author the contract deliberately or you let the machine invent an inconsistent one on the fly. The absence of a system is not neutral anymore. It is an active liability that compounds with every prompt.

The second pushback is that this is design systems people talking their own book, inflating their importance during an AI wave. Maybe. But the demo is real, the Figma agent is shipping, and the token-drift tooling exists. When the tooling arrives before the think-piece, it is usually not hype.

What I would do

If I were running a design org right now, I would stop treating the documentation site as the deliverable. I would treat the component contract as the deliverable. Typed props, every state named and captured, composition rules written down, machine-readable examples for each pattern. I would wire token drift into a check that fails a build, not a comment that starts an argument. And I would move my strongest systems thinker onto that layer and tell the org plainly that this is now infrastructure, not housekeeping.

What I would not do is spend another quarter making the human-facing docs prettier while the props stay loose underneath. That is polishing the lobby while the foundations crack.

The design system stopped being a reference for humans who skim. It became infrastructure for machines that execute. The teams that internalise that in the next two quarters will ship faster and cleaner than they ever have. The teams that keep documenting for a reader who no longer shows up will watch agents build confidently on top of their mess, and wonder why the quality fell off a cliff.


Fact Check

Every factual claim in this article, with its source.

Claim: In 2026 Brad Frost, author of Atomic Design, and Chromatic co-founder Dominic Nguyen ran an "Agentic Design Systems in 2026" session in which an AI agent composed a new customer reviews component from existing components' props and states, then wrote the code and the tests, with no designer opening a file.

Source: Brad Frost & Dominic Nguyen (Chromatic), "Agentic Design Systems in 2026" session, 2026. bradfrost.com

Claim: Figma has shipped a native agentic tool aimed at design tasks, giving designers assistants inside the canvas that generate interface elements directly.

Source: Fast Company, 2026, coverage of Figma's native agentic design tool. fastcompany.com

Claim: The agentic design systems approach frames the requirement as two pillars, coverage (machine-readable patterns via normalised examples and composition rules) and validation (enforcing standards through tests and human review).

Source: Brad Frost & Chromatic, "Agentic Design Systems in 2026," 2026. chromatic.com

Claim: The Atomic Design methodology, which structures interfaces from small reusable components upward, was authored by Brad Frost.

Source: Brad Frost, Atomic Design, 2016. atomicdesign.bradfrost.com

Unsourced statements (Jay's opinion or lived experience): Jay's framing that a design system's primary consumer is now an agent and its value lies in a clean machine-readable contract; his account of running a design system audit on a regulated product and finding inconsistent naming, uncaptured states and eye-applied spacing; his prescriptions to treat the component contract as the deliverable, wire token drift into build checks, and move the strongest systems thinker onto that layer; his view that teams without a mature system are the most exposed. These are Jay's points of view, not third-party data.

More writing Get in touch