Writing · 2026-04-20 · 8 minute read

The design system is the contract.

What Claude Design, Figma MCP, and the collapse of the design-to-code handoff actually change for the designers who want to stay useful.

Shannon Hecker · 1,200 words

April 2026. Anthropic shipped Claude Design. You describe a layout, it generates the slides, the prototype, the marketing page. You upload your codebase and your token library. It respects them. It exports back to code, to Canva, to PDF. Within an hour, Figma's stock had dropped.

A week earlier, the Figma MCP server became stable enough for production teams. Cursor can now read Figma files the way an engineer reads a spec, seeing the auto-layout math, the token names, the component instances, instead of squinting at a screenshot.

These two changes arrive in the same month. A lot of designers are spending this week asking whether they are about to be automated. The answer is more interesting than yes or no.


01What's actually collapsing

Three pieces of the old workflow are now machine-handled.

Generating the first variant. Describe the problem, Claude Design produces a dashboard, a modal, a landing page. It is usually 70% of the way to usable.

Translating Figma to production code. MCP plus Cursor reads your design tokens and produces a component that matches your library's style and structure.

Specifying the handoff. The machine is the handoff. A designer annotating a spec doc is a designer with spare time.

This is not speculative. Teams adopting MCP and Claude Design in the last quarter report that a sprint that used to need a designer-engineer pair can ship with one designer and a model in the loop.

What is not collapsing: the decisions behind which of the 70%-done variants you actually ship. The AI produces three plausible information hierarchies. One of them is right for a portfolio manager between trades. Two of them will get a trader fired.


02The inversion

The work has inverted. Before, a designer spent 80% of their time producing, 20% deciding. Those numbers flip. The machine produces. The designer decides.

This sounds neat. In practice, most design teams are not ready for it, because "deciding" is only as good as the thing you are deciding against, and what you are deciding against is your design system.

A weakly-governed design system produces weak AI output. Not because the model is bad. Because the model is doing exactly what you asked: conforming to the rules you wrote. If those rules are "use the blue button somewhere", you get a page full of blue buttons in the wrong places. If the rules are "the primary action uses the --color-action-primary token, sits at the bottom-right on forms, and the secondary follows typography rule X", you get a page you can actually ship.

This is why the design system is becoming the moat, not the pixel-craft.


03What Claude Design needs from you

When I uploaded our design tokens and component library to Claude Design, the outputs divided into three groups.

Group one

Interfaces where our system had opinions (buttons, forms, modal patterns). These came out nearly right. Claude Design picked the correct token, used the correct component, matched our visual rhythm.

Group two

Interfaces where our system had aesthetic guidance but no governance (dashboards, complex tables, data-dense layouts). These came out plausible but wrong. Claude Design made reasonable-looking choices a senior trader would have rejected in five seconds. The system did not tell the model what a senior trader reads first.

Group three

Interfaces our system had not touched (first-run onboarding, empty states, error surfaces). These came out generic. Claude Design substituted the average of its training data. Some of it was charming. None of it was us.

The pattern is obvious once you see it. The AI is exactly as opinionated as your system is.


04The new designer roles

Three roles compound in value once Claude Design is table stakes. I have watched teams re-shape around these even before they had a name for them.

Design system author. Not a component librarian. A systems thinker who owns tokens, governance, the accessibility contract, and the decision log. Tokens are commodity. The decision log is not.

Taste calibrator. The designer who can look at twenty Claude-generated variants and tell you why three are wrong. And more importantly, why. This role is hard to hire for and impossible to fake. It is taste tied to a specific domain and user.

Expert-user translator. Traders, radiologists, analysts, legal reviewers. Claude does not know what they do between the visible steps. The designer who can articulate those hidden constraints, in writing, to the model, is the one whose work actually ships.

"AI-native designer" will not be a separate role for long. It will be designers who use the AI, or designers who do not ship anymore. Same as with Figma in 2016.


05What I would do this month

Three bets.

Machine-readability. Make your Figma files MCP-ready. Token-only styles, no loose hex values. Every component published. Every variant named. This is the work that used to look like housekeeping. It is now infrastructure.

Written opinions. For every pattern your system contains, write down the reason. Not the visual. The reason. "We use sheets for flows the user can reverse, and modals for flows they cannot." That one sentence is worth more to the AI than a hundred annotated Figma screens.

Expert proximity. Spend more time with your hardest users, not less. The parts of their work that look obvious are the parts Claude Design does not know. A twenty-minute observation of a trader's pre-market routine is something no model is going to ingest without you.


06The honest close

The designers who grow into director-track roles over the next two years will be the ones who take the AI seriously enough to let it do the boring work, and take their users seriously enough that the AI still needs them. The moat is not the craft. The moat is the system you build underneath the craft.

Claude Design is a beginning, not an end. The question it asks every design team is not "will this replace me" but "am I building the system that makes me 10× more useful, or am I hand-producing deliverables that an AI can now do overnight."

Answer that question on purpose. The rest follows.

Shannon Hecker is a design leader in London. She has designed trading and markets tools at Barclays and J.P. Morgan, and is founding ausōs.ai, an AI-native visual web builder. Get in touch via email or LinkedIn.