JSNation US

JSNation US 2025

<p>Great teams don’t wait for a single “smart” tool to do everything – they wire simple pieces together. In this talk, I’ll show how combining multiple MCP servers lets an AI agent carry the right context from design to code without ceremony. We’ll pair Figma’s Dev Mode MCP server – which exposes structured design signals like variables, components, and Code Connect mappings – with a tiny custom server I wrote that bridges two repos: one for the design system and one for the app. You’ll see how each server contributes different context (design semantics here, repo search/write actions there), and how the agent stitches them into real changes: opening PRs, updating tokens, and keeping UI and code in sync. Along the way I’ll share the patterns, guardrails, and a minimal template you can adapt to your stack – no vendor pitch, just practical composition you can ship tomorrow.</p>

Riccardo Erra