What Is Design System Governance?
A practical guide to design system governance: what it is, who owns it, which workflows matter, which metrics to track, and how UI governance changes in the age of AI-generated UI.
GuideApr 11, 2026
Blog
Articles about design systems, AI tooling, and building better component libraries.
What Is Fragments?
Fragments is a design system governance platform for AI-generated UI. It helps teams govern components, tokens, MCP workflows, and design drift across the software delivery lifecycle.
GuideApr 11, 2026
Base UI Components with Fragments: Accessible Styling and Metadata at Scale
How Fragments builds on Base UI components and adds accessible styling, design tokens, and metadata for larger-scale design system workflows.
EngineeringMar 24, 2026
AI-Native Design System Architecture for React Teams
A practical AI-native design system architecture for React teams: component docs, design tokens, metadata compilation, and MCP integration.
EngineeringMar 19, 2026
Design System CLI Workflows for Component Libraries
How to structure design system CLI workflows for component libraries so metadata builds, docs, AI tools, and CI checks stay in sync.
TutorialMar 17, 2026
React Component Library with Design Tokens: A Practical Architecture
A practical architecture for combining a React component library with design tokens, component docs, and AI-ready metadata using Fragments.
EngineeringMar 12, 2026
Accessible React Component Library: What to Look For (and How Fragments Works)
How to evaluate an accessible React component library and how Fragments combines accessibility guidance, component docs, and AI-ready metadata.
GuideMar 10, 2026
Using Fragments MCP in Claude for Design System-Aware UI Workflows
Set up Fragments MCP in Claude so Claude can inspect real component metadata, props, and usage guidance before generating UI code.
TutorialMar 5, 2026
Using Fragments MCP in Cursor for Design System-Aware UI Generation
Configure Fragments MCP in Cursor so AI can generate UI using your real component docs, props, and design tokens instead of generic markup.
TutorialMar 3, 2026
The Science Behind AI Component Generation
Why AI hallucinates component APIs, why examples beat parameter lists, and what six research papers tell us about building design systems that AI can actually use.
EngineeringFeb 28, 2026
MCP Tools for Design Systems: Practical Workflows for React Teams
Practical MCP tools for design systems workflows: how React teams use Fragments to query components and tokens, then check conformance through a hosted endpoint.
TutorialFeb 24, 2026
Give the AI a Database, Not a Document
Context dumps go stale. Rules files get ignored when the AI is confident. Workflow configs live outside your repo and nobody updates them. Here's the pattern that actually enforces consistency.
EngineeringFeb 18, 2026
4 Hosted MCP Tools That Make AI Understand Your Design System
A deep dive into the hosted Fragments MCP tools for primitive discovery, token lookup, deterministic fixes, and compliance proof loops.
TutorialFeb 17, 2026
Make Your Design System AI-Native
AI can build apps, but the output is often inconsistent. Here's how Fragments makes your design system AI-native with MCP tools, structured fragments, and seed-based theming.
TutorialFeb 16, 2026