Skip to content
Compound Design
5

State of Design 2026 · Part 4 of 5

Design system is the new API

Designers plan to invest more in design systems and tokens than in canvas tools. This article is about why that's the right call.

Priorities

Where will you invest over the next 12 months?

Where will you invest in the next 12 months? (pick 3)
investing_next
AI-generated coding — 64.0%AI-generated coding64.0%Agent workflows — 46.3%Agent workflows46.3%Design systems & tokens — 40.2%Design systems & tokens40.2%Canvas design tools — 21.3%Canvas design tools21.3%Video, motion & 3D — 20.4%Video, motion & 3D20.4%Simplifying my stack — 17.5%Simplifying my stack17.5%Image generation — 14.7%Image generation14.7%No-code (not AI) — 13.7%No-code (not AI)13.7%Manual coding — 9.5%Manual coding9.5%No major changes — 6.1%No major changes6.1%
View table
Priority%
AI-generated coding64.0%
Agent workflows46.3%
Design systems & tokens40.2%
Canvas design tools21.3%
Video, motion & 3D20.4%
Simplifying my stack17.5%
Image generation14.7%
No-code (not AI)13.7%
Manual coding9.5%
No major changes6.1%

Source: UX Tools, State of Prototyping Spring 2026 (CC BY 4.0)

AI-generated code at 64.0%. Agents at 46.3%. Design systems and tokens at 40.2%. And only then, in fourth, canvas tools, at 21.3%. Hand-written code: 9.5%, a ratio of almost 7 to 1 against generated code.

Reading

Canvas became a commodity

Figma is used by 82.6% every week and it will stay that way. But only a fifth of designers plan to invest more in canvas tools. That isn't decline; it's saturation. The canvas is solved. Nobody needs one more tool for drawing rectangles.

The new money goes to what isn't solved yet: getting AI to generate code that looks, works and behaves like the product. And that depends on something many teams treat as second-class documentation.

Weekly tools

A terminal ahead of FigJam

Tools used every week, top 10
tools · multi-select · % of 1,478 respondents
  • AI tool
  • Not AI
Figma — 82.6% · n=1,221Figma82.6%Claude — 50.8% · n=751Claude50.8%ChatGPT — 48.2% · n=712ChatGPT48.2%Claude Code — 38.4% · n=568Claude Code38.4%Figma Make — 34.8% · n=514Figma Make34.8%FigJam — 34.0% · n=502FigJam34.0%Slack — 32.7% · n=483Slack32.7%Gemini — 32.3% · n=478Gemini32.3%Google Meet — 24.8% · n=366Google Meet24.8%Notion — 24.5% · n=362Notion24.5%
View table
Tool%n
Figma82.6%1,221
Claude50.8%751
ChatGPT48.2%712
Claude Code38.4%568
Figma Make34.8%514
FigJam34.0%502
Slack32.7%483
Gemini32.3%478
Google Meet24.8%366
Notion24.5%362

Source: UX Tools, State of Prototyping Spring 2026 (CC BY 4.0)

Five of the ten weekly tools are AI. Claude Code (38.4%) sits ahead of Figma Make (34.8%) and FigJam (34.0%). Figma's own AI prototyping tool loses to a terminal. And Slack and Notion land below three AI assistants.

Output quality

The blocker that tokens solve

Among workflow blockers, 52.2% cite the quality of AI output. When I ask an AI for a screen with no context, it hands back a generic screen: mid-gray, 8-pixel corners, the same old blue button. Not because the AI is bad, but because nobody told it what this product is.

A design system with tokens in code tells it. Colors, spacing, typography, radii, shadows, states: named, versioned, machine-consumable. The AI reads the token and generates the right screen. The design system stops being documentation for humans and becomes the API the AI consumes.

Practice

What an AI-ready design system has

  • Tokens in code, not just in Figma: JSON, CSS custom properties, a Tailwind theme. If the AI can't import it, it doesn't exist.
  • Semantic names, not literal ones: color-surface-raised, not gray-100. The AI gets the intent right when the name carries the intent.
  • Components with live examples, in Storybook or similar. One working example is worth more than ten pages of guidelines.
  • Usage rules written for machines: when to use each variant, what never to combine. That becomes agent instructions.
  • One entry point: a file or MCP server the agent consults before generating. Without it, every prompt reinvents the product.

Idea

Tokens as leverage

Limits

What the survey doesn't say

Question

For the audience

Is your design system ready to be consumed by an AI? If you asked for a new screen right now, would it come out looking like the product?

What to do on Monday: run the test. Ask an AI for the same screen twice: once with no context, once with your tokens and an example component. Compare. Then audit: which tokens exist only in Figma? Which names are literal? What's the entry point an agent would use? Start with what shows up on every screen: color, spacing and typography.

Continues

In the next article

53% of designers say there are too many tools. Over the last six months, 3.8% consolidated their stack. Over the next twelve, 64% plan to add more AI. The last article is about that contradiction, and about what the survey can't tell us about Brazil.