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.
This talk has been presented at AI Coding Summit NYC, check out the latest edition of this Tech Conference.
