DEVOURED
How Design Systems Talk to Machines (Website)
A survey of 20 major design systems reveals significant gaps in 'AI-readiness,' with most failing to provide machine-readable documentation or standardized agent interfaces.
What: Kaelig Deloumeau-Prigent audited 20 design systems, finding that while 19 ship an MCP server, only two provide Code Connect bindings for Figma, and most lack standardized editor instructions like .cursorrules.
Why it matters: Design systems are evolving from static component libraries into machine-interpretable APIs. Systems that fail to integrate directly with developer AI tools risk becoming obsolete as agents handle more UI implementation.
Takeaway: Check if your design system exposes an MCP server or an llms.txt file to allow LLMs to query your component API directly.
Deep dive
- 19 of 20 systems provide an MCP server, making it the most adopted AI affordance.
- 18 systems provide 'Agent Skills' for CLI-based automation.
- Only 2 systems (Carbon and Primer) support Figma Code Connect, bridging design and code.
- 14 systems offer llms.txt files to provide context to LLMs.
- There is a widespread lack of standardized editor rule files (.cursorrules or Copilot instructions) across major systems like Chakra UI and Tailwind's shadcn/ui.
- Storybook remains the primary documentation surface for 13 of the surveyed systems.
Decoder
- MCP (Model Context Protocol): An open standard that allows AI assistants to securely connect to local or remote data sources and tools.
- Code Connect: A Figma feature that links design components directly to the production code in VS Code, enabling developers to see the code snippet for a component when inspecting it in Figma.
- Agent Skill: A modular piece of code that an AI agent can execute to perform specific tasks, such as running a migration script or triaging a GitHub issue.
- llms.txt: A lightweight markdown file at a root URL designed to provide LLMs with a summarized, machine-readable overview of a project's documentation or API.
Original article
Full article content is not available for inline reading.
Explore all 57 articles in today's digest
Fresh dev news, AI-digested daily. Never miss a trend at devoured.fyi