TLDR Design · OPINIONS & TUTORIALS
THE DESIGN SYSTEM WAS FINE UNTIL THE AGENTS MOVED IN
Summary from the TLDR Design newsletter
AI-assisted development quietly erodes design systems, as agents default to generating or pulling components instead of using governed ones, leaving documentation increasingly inaccurate. New design-system extraction tools added to Figma Console MCP analyze a codebase as it actually exists, pulling tokens and components and scaffolding a matching Storybook with a deterministic evaluation pass. Tested on Rateshare, a vibe-coded app with no prior system, the tools detected React, found 21 components, and verified them via Playwright, demonstrating the extraction mechanics rather than recovering from drift.