Playwright Agent sets up your CI pipeline, MCP config, and custom agents — all through conversation, step by step: plan → generate → fix.

The screen looks identical to humans, but for machines it causes seriously distorted code output. The first task is to dissect the design file — pick a core component like a button and see how clean the metadata you can extract actually is. That experiment tells you whether cleanup is necessary and how much.

When the design file is already a mess, how do you extract trustworthy tokens without rebuilding Figma from scratch? Flip the order: treat the existing Figma as archaeological material, not the source of truth.

Not regret, not relief. Just taking stock of what ten years of frontend work left behind — and why I decided to leave.

Why does the gap between design and implementation keep appearing? This series starts from a messy outsourced Figma — badly named, no auto layout — and documents the whole pipeline of turning design intent into tokens that an AI can actually read.