AI can generate UI. But it rarely generates the UI your design system would approve.
The issue isn’t capability — it’s missing structure.
Design systems today are optimized for humans: tokens, components, documentation, and guidelines. But the knowledge that governs product logic, accessibility constraints, and brand intent lives in scattered places, invisible to machines.
This talk introduces metadata as a semantic intelligence layer for frontend systems.
I’ll show how an auto-synced metadata architecture — powered by extractors and webhooks — continuously transforms codebases and design assets into structured knowledge consumable by MCP (Model Context Protocol) and LLMs.
We’ll explore the four knowledge layers required to make design systems machine-readable, why intent and context must be treated differently, and how this shift enables constraint-aware, accurate AI-generated UI.
Through a live end-to-end demo, you’ll see how structured metadata flows into MCP, delivers intent-based context, and produces reliable UI output.
We’ve spent years perfecting design systems for people.
This session explores what changes when we build them for machines.
