The Hidden Cost of a Legacy System
Legacy systems don't fail overnight — they extract a silent toll on productivity, talent, and lost opportunities. Quantifying that cost is the first step toward action.
Read articleThe invisible cost of adjustments between design and development creates delays, rework, and non-billable hours. See how AI and Figma MCP help reduce this waste.
Every sprint has a design review. Most teams treat it as a natural part of the process — acceptable friction between what was designed and what was implemented.
But nobody adds it up. And when they do, the number is alarming.
Consider a typical cycle: the designer delivers the Figma file, the dev implements, the designer opens a side-by-side comparison and lists divergences. Dev corrects. Designer checks. Dev adjusts again. Sometimes a third round.
This isn't the exception — it's the routine. In the teams we work with, this cycle consumes between 6 and 12 hours per sprint on visual adjustments alone. These aren't product hours. They're hours spent closing the gap between intent and execution.
Over a six-month project, that's entire weeks of team capacity — invisible, spread across small corrections that individually seem trivial.
"The cost of a revision isn't in the correction hours — it's in the context hours lost when a developer stops what they're doing to fix a padding value."
The problem isn't lack of care. It's structural.
There's an interpretation layer between design and code. The developer reads the Figma file, interprets the values, makes decisions — sometimes correct, sometimes approximate. A gap of 12px becomes 16px. A font weight: 500 becomes 600. A subtle shadow disappears along the way.
Each deviation generates a revision round. And each revision round has a cost beyond correction hours: broken focus, context switching, delay on the next backlog item.
MCP (Model Context Protocol) is a protocol that allows AI agents to connect to external tools — including Figma — and read context directly from the source.
In practice: an AI agent with Figma MCP configured accesses the design system, inspects components, and extracts exact values for spacing, typography, color, and responsive behavior. No human intermediary. No interpretation.
The developer stops being the translator between design and code. The AI reads Figma directly and generates an implementation with correct values from the very first time.
padding, margin, gap, and border-radius valuesThe change isn't incremental — it's structural:
Before: Designer delivers → Dev interprets → Divergence → Review → Correction → Another review
After: Designer delivers → AI reads via MCP → Code with exact values → Dev reviews logic and integration
The human review doesn't disappear — it changes in nature. Instead of hunting misplaced pixels, the designer validates flows, states, and product decisions. The dev focuses on business logic, not inspecting rem values in Figma.
The result: the first implementation is already the correct implementation.
The hidden cost of revisions isn't inevitable. It's the price teams pay for keeping a human interpretation layer where one no longer needs to exist.
Remove the layer. The cost disappears with it.
No spam. A biweekly newsletter with what's worth reading about engineering, product, and business.