La herramienta DEV MODE MCP 1 min de lectura

El MCP de Figma deja al agente reutilizar tu código, no recrearlo

El servidor MCP de Figma (Dev Mode) expone el diseño al agente dentro del IDE; con Code Connect, el código que genera importa tus componentes reales en lugar de inventarlos.

Imagen de figma.com: El MCP de Figma deja al agente reutilizar tu código, no recrearlo
figma.com

El servidor MCP de Figma en modo desarrollador expone tres herramientas núcleo —código, imágenes y definiciones de variables— directamente en el editor, y se consume desde Claude Code, Cursor, VS Code, Windsurf o Codex. La diferencia de fondo no está en que genere código, sino en contra qué lo genera.

Sin un mapeo explícito, el agente mira tu diseño y compone un botón nuevo: plausible, pero ajeno a tu sistema. Con Code Connect, el MCP le entrega el componente real de tu repositorio —con su import, sus props y su uso— y, si has definido la sintaxis de código de una variable, el token exacto. El agente deja de adivinar y empieza a reutilizar.

Es exactamente la capa de exposición de la spec de sistema agéntico: de poco sirve un sistema impecable que el agente no puede consultar. Aquí la lección operativa es que la pieza que más rinde no es el generador, sino el mapeo diseño ↔ código. Como lo resume el propio equipo de Figma: sin él, el modelo adivina.

Fuentes

#MCP#Figma#CodeConnect#design-to-code

A seguir

Redactado con ayuda de IA, contrastado contra su fuente y firmado por Joan Arbó.

Sigue el oficio

Un parte al día, en tu correo

Si esto te ha servido, recibe el siguiente: el oficio del diseño agéntico (estándares, herramientas y criterio), leído y firmado por el Instituto.

El Parte en tu correo los días impares (L·X·V·D). Sin spam; te das de baja cuando quieras.