La Nueva IA de Figma Permite Codificar Apps Exactas a Partir de Diseños Originales

Figma acaba de presentar una nueva herramienta pensada para que modelos de IA puedan convertir diseños originales en aplicaciones programadas mucho más rápido y sin errores. Ahora, en vez de que la IA simplemente vea una imagen, accede directamente a todos los datos de diseño, como los tonos de color usados o los valores concretos de un gráfico.

Así, vas a poder lograr que el resultado no solo se parezca visualmente, sino que mantenga la intención y estructura del diseñador.

El servidor Dev Mode Model Context Protocol (MCP) de Figma abre la puerta a nuevas formas de trabajar con inteligencia artificial y desarrollo automático. En esta guía te contamos cómo funciona, para quién está ya disponible y qué mejoras esperan los usuarios próximamente.

Cómo funciona el servidor Dev Mode MCP de Figma

¿Te has preguntado cómo logra la nueva IA de Figma convertir los diseños en aplicaciones completas? El secreto está en el servidor MCP: una especie de intermediario que permite a programas como Copilot in VS Code y Claude Code preguntar directamente a Figma sobre cualquier detalle del diseño, desde los colores exactos hasta las cifras de un gráfico.

Con esto, la IA ya no tiene que suponer ni leer visualmente detalles pequeñísimos a partir de una imagen. Simplemente, consulta la información del propio archivo de Figma. Es como si, para copiar un cuadro, pudieras ver la paleta y pinceles originales en vez de solo mirar el dibujo.

Ventajas para desarrolladores y usuarios de Figma Dev o Full seat

Si ya eres usuario de Dev o Full seat en Figma, vas a poder acceder al MCP server en fase beta. Esto significa que tanto tú como cualquier desarrollador del equipo vais a disfrutar de ventajas como:

• Transformar los diseños en software real de forma más precisa.
• Reducir el tiempo dedicado a interpretar elementos visuales ambiguos.
• Aprovechar los datos sin depender solamente de imágenes exportadas.

Todo este proceso no solo ahorra tiempo, también evita errores típicos cuando los desarrolladores intentan “adivinar” la intención del diseñador a simple vista.

Acceso a datos de diseño mejora la conversión de prototipos en aplicaciones

Tradicionalmente, pasar de un boceto digital a una app funcional requería revisar cada pixel o color manualmente. La IA de Figma, al poder leer directamente las propiedades originales, convierte ese paso en algo casi automático y más exacto.

¿Te ha pasado alguna vez que un color no queda igual al implementarlo en código? Con el MCP, ese tipo de errores desaparecen, porque la información se extrae justo del diseño real. Este acceso favorece también la integración con herramientas de programación automática y hace que el flujo de trabajo sea mucho más ágil.

Reducción de recursos y mejora en los modelos de lenguaje

Una de las novedades más útiles del Model Context Protocol es que minimiza el consumo de recursos en los modelos de lenguaje extensos (LLMs). Al tener acceso directo a los datos, como los usados para el diseño o los componentes exactos de una interfaz, la IA gasta menos tiempo y energía para transformar el prototipo en una aplicación funcional. Así, las herramientas de codificación por IA necesitan menos pasos para conseguir resultados precisos.

Nuevas funciones próximas en Dev Mode MCP y ecosistema Figma

Figma ha anunciado que el servidor Dev Mode MCP solo es el inicio. En los meses siguientes lanzarán nuevas actualizaciones que incluyen:

• Servidor remoto: para poder consultar datos desde cualquier entorno, no solo localmente.
• Integraciones profundas con bases de código: la IA entenderá aún mejor la relación entre cada parte del diseño y el código final.
• Mejoras continuas basadas en la experiencia de los primeros usuarios.

Con todo, este desarrollo se adapta justo a la demanda de quienes buscan convertir diseños rápidamente en software robusto, mejorando la colaboración entre diseño y programación desde el mismo panel de Figma.

La evolución tras Figma Make y Sites Code Layers

El despliegue del MCP sucede después de que en mayo Figma lanzase Make, una plataforma que permite crear apps funcionales con solo describir lo que quieres en texto. Desde esa fecha, cualquier usuario Full seat puede probarlo y comprobar la rapidez con la que una idea pasa a ser prototipo en pocos pasos.

Por último, el día 12 de junio se espera el lanzamiento oficial de Figma Sites Code Layers. Esta función promete llevar la IA de Figma un paso más allá, transformando diseños estáticos en experiencias web interactivas listas para usarse directamente en la web, reforzando la conexión entre diseño y código como nunca antes en el ecosistema digital.