Contexto de diseño, en todas partes donde creas

La IA hace que sea más fácil que nunca convertir una idea en código funcional. Pero para obtener los mejores resultados, se necesita algo más que una indicación bien estructurada. Hoy anunciamos actualizaciones del servidor MCP de Figma y Code Connect que permiten incorporar el contexto de diseño de Figma a cualquier lugar donde trabajes, ya sea en tu IDE, tu agente de IA o tus prototipos.

Estas actualizaciones hacen que tu contexto de diseño (el contexto sobre cómo está estructurado tu sistema de diseño, cómo está escrito tu código base y cómo tu equipo crea productos) sea más portátil y potente, lo que te ayuda a pasar de la idea al producto con menos fricciones. Ese contexto suele representar años de esfuerzo combinado y debe ser accesible tanto dentro como fuera del lienzo de Figma.

Acceso remoto al servidor MCP de Figma

A principios de este año, introdujimos el servidor MCP local en Dev Mode, lo que ofrece a los desarrolladores una forma de incorporar el contexto de diseño en vivo a su editor. Equipos de empresas como Affirm y Coinbase ya lo están utilizando para crear flujos de usuarios complejos en mucho menos tiempo.

Ahora, el servidor MCP de Figma admite el acceso remoto. Esto significa que puedes conectarte a Figma desde tu IDE, desde un agente de codificación de IA, o incluso desde un modelo basado en navegador. En Figma, los diseños pueden ser mucho más que imágenes estáticas. Los diseños de Figma codifican diseños adaptables, detalles de interacción y, en algunos casos, programas visuales completos. Los clientes pueden transmitir este contexto de Figma a nuevos socios como Android Studio, Replit y Warp. Ya no necesitas nuestra app de escritorio para incorporar el contexto de diseño a tu flujo de trabajo. Figma comenzó en el navegador para acercar a los equipos, y esta actualización amplía esa misión.

Conectar Figma a tu flujo de trabajo también se ha vuelto más fácil con nuestro catálogo de socios. Solo tienes que buscar tu IDE o agente preferido en la lista e integrar el servidor MCP de Figma. O bien, intégralo desde tu cliente. Queremos que todos los desarrolladores que crean a partir de archivos de Figma disfruten de una experiencia fluida y potente. Al igual que con nuestra reciente incorporación de herramientas para crear reglas de sistemas de diseño, seguiremos agregando más funcionalidades y socios a nuestro servidor MCP durante la fase beta y más allá.

Ampliación de MCP a Figma Make

Para los equipos que utilizan Figma Make para crear y explorar rápidamente ideas de productos, el servidor MCP de Figma ahora crea un puente entre Make y tu base de código. Al utilizar un archivo de Figma Make a través de un cliente MCP, los modelos de IA pueden ver el código subyacente en lugar de un prototipo o una imagen renderizada.

La forma en que lo hacemos es muy sencilla: el servidor MCP de Figma indexa el código de tu archivo de Make para que tú y tus plataformas favoritas puedan solicitar exactamente lo que necesitan. Los desarrolladores y los agentes de IA pueden reutilizar el código directamente desde un archivo específico o tomar como referencia la lógica, el diseño y los patrones como inspiración.

Trabajamos con socios como Anthropic, Cursor, Windsurf y VS Code para que esta experiencia esté disponible en tus productos a partir de hoy. Y ya estamos preparando nuestras próximas actualizaciones importantes, como la conexión de los servidores MCP de nuestros socios a Figma Make.

Mejoras en el mapeo de componentes en Code Connect

Code Connect se creó para alinear los componentes de la base de código con los componentes de Figma Design. Al definir estas relaciones, Code Connect permite tanto a los humanos como a los agentes de IA crear productos más rápidamente. Es un paso hacia nuestra misión de unificar los sistemas de diseño, independientemente de dónde se encuentren.

Hasta ahora, esos mapeos requerían una configuración manual desde su terminal. Con la nueva experiencia de mapeo dentro de la app de Code Connect, puedes explorar los componentes dentro de Figma, asignarlos al código y al archivo correctos, y ver fácilmente cuáles están vinculados o faltan. Esto complementa a Code Connect CLI, que ayuda a los desarrolladores a incorporar fragmentos listos para la producción a Dev Mode con mapeos de propiedades o variantes definidos para la mayoría de los marcos. Muchos equipos están adoptando ambos.

Los clientes que utilizan Code Connect ahora pueden transmitir más que el contexto del diseño a través de nuestro servidor MCP: tendrán acceso a la ubicación de los componentes del código y a las pautas de uso. El servidor MCP de Figma, por sí solo, aporta un contexto de diseño detallado a los agentes de IA. Con Code Connect, también aporta visibilidad del entorno de producción. Las primeras pruebas de evaluaciones internas y de clientes alfa mostraron resultados de código más consistentes, una navegación de archivos más rápida y una mayor eficiencia de tokens en los agentes de IA cuando se utilizaban ambos. Los desarrolladores y equipos verán mejoras en todas estas categorías, y más, durante la fase beta.

Revisiones de integración y límites de tasa

A medida que abrimos más formas de conectar Figma con las herramientas que ya utilizas, también reforzamos las bases que hacen que esas conexiones sean confiables. La extensibilidad es óptima cuando los clientes y los desarrolladores confían en la plataforma donde están creando.

En adelante, todas las integraciones de terceros públicas y clientes MCP serán revisados por Figma antes de que puedan acceder a tus datos. Esto agrega una capa de confianza para cualquiera que adopte nuevas apps o flujos de trabajo y es consistente con la forma en que revisamos los plugins y widgets. Los límites de tasa de nuestra REST API se ajustarán para crear una experiencia más predecible para los desarrolladores de apps y los usuarios. Estos cambios entran en efecto el 17 de noviembre y afectarán a menos del 1 % de los usuarios activos de Figma.

Con vistas al futuro

El servidor MCP remoto, la compatibilidad con archivos de Make en Figma MCP y la experiencia Code Connect dentro de la app son los primeros pasos hacia una visión más amplia. Queremos que el contexto se mueva libremente entre herramientas, de modo que las exploraciones puedan transformarse en funciones de producción, sin reescrituras ni modificaciones innecesarias.

Hoy en día, el servidor Figma MCP transmite el contexto del diseño y el código a otras herramientas. Con el tiempo, se convertirá en un conector bidireccional, que volverá a incorporar el contexto externo a Figma. Eso significa prototipos más realistas, menos reconstrucciones y más tiempo dedicado a resolver problemas reales y crear productos que destaquen.

Los artefactos de diseño no son solo referencias. Son aportes activos que dan forma a tu negocio y a la experiencia del usuario. Ya se trate de un sistema de diseño, un prototipo interactivo, maquetas anotadas o código generado, cada uno de ellos contiene conocimientos que tu equipo puede utilizar para crear con mayor precisión y rapidez.

Todas estas funciones están en fase beta a partir de hoy. Seguiremos refinándolas y mejorándolas a medida que avanzamos hacia su disponibilidad general. Imagina lo que puedes crear cuando Figma se encuentre en todos los lugares donde creas.