Figma Code Connect
Una función de Figma que conecta cada elemento de diseño con el trozo de código real que le corresponde en tu proyecto. Así, cuando un agente de IA genera pantallas, usa tus componentes ya construidos en lugar de inventarse otros nuevos. La conexión se le pasa al agente a través de un MCP (un canal por el que las herramientas le dan contexto al modelo).
En una analogía · Es presentar formalmente al agente tu componente de código real: "este botón de Figma es exactamente este componente de tu repo", para que no se invente uno.
Sin esta conexión, una IA que parte de un diseño tiende a generar componentes desde cero: botones, campos y tarjetas que se ven parecidos pero no son los tuyos. El resultado se desvía del sistema y alguien tiene que rehacerlo a mano.
Code Connect resuelve eso indicando, pieza por pieza, qué componente de tu repositorio equivale a cada elemento de Figma. Cuando el agente recibe esa correspondencia, reutiliza lo que ya existe y respeta tu librería, en lugar de duplicarla.
Lecturas de referencia
A seguir