Design systemsAdoptionBeta

AI agents are forcing design tokens to grow up

Published 10 September 2026 · Source dated 7 May 2026

Figma's Config 2026 session on agentic workflows showed teams connecting design tokens straight to code via MCP, using what it called 'hyper tokens' and reusable style fragments. Sloppy token naming is now a machine-readability problem, not just a designer-handoff one.

The same Config 2026 deep dive on Figma's MCP server covered something quieter than the agent-on-canvas headline: teams pairing design tokens with code through MCP, building reusable style fragments (framed as 'hyper tokens') so an agent — not just a developer — can pick up typography and spacing decisions correctly. This is the practical edge of the design-systems trend: tokens were always meant to be a shared language between design and code. Now that language also has to make sense to an AI agent with no context beyond what's written in the file, which raises the bar on naming and structure.

Coach

Pick one component in your design system and check whether its token names (colour, spacing, type) are clear enough that an agent — or a new teammate — could infer their purpose without asking you.

Today's digest

Surf this topic: Design systems (opens in a new tab)

Source: youtube.com (opens in a new tab) ·