Riccardo Erra

Riccardo Erra

Riccardo Erra is a developer advocate at Figma. He joined Figma as their first developer advocate in EMEA. Before joining Figma he worked as a software engineer for 15 years with the last few years spent as a design system engineer. At Figma he's empowering engineers to make the most out of the various Figma's tools tailored to developers.
Composing MCP Servers: Fast-Track Design-to-Code
JSNation US 2025JSNation US 2025
Upcoming
Composing MCP Servers: Fast-Track Design-to-Code
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.