Contexto de diseño, en todas partes donde crees

La IA hace que sea más fácil que nunca convertir una idea en código funcional. Pero para obtener los mejores resultados, necesitas más que un aviso bien estructurado. Hoy estamos anunciando actualizaciones en el servidor MCP de Figma y Code Connect que hacen posible llevar el contexto de Figma Design a cualquier lugar donde trabajes, ya sea en tu IDE, tu agente de IA o tus prototipos.

Estas actualizaciones hacen que el contexto de tu diseño, contexto sobre cómo está estructurado tu sistema de diseño, cómo está escrito tu código y cómo tu equipo construye productos, sea más transferible y poderoso, ayudándote a pasar de la idea al producto con menos fricción. Ese contexto a menudo representa años de esfuerzo combinado y debe ser accesible tanto dentro como fuera del lienzo de Figma.

Llevando el acceso remoto al servidor MCP de Figma

A principios de este año presentamos el servidor MCP local en el Dev Mode, ofreciendo a los desarrolladores una forma de llevar el contexto de Design en vivo a su editor. Equipos en empresas como Affirm y Coinbase ya han estado usándolo para construir flujos de usuario complejos significativamente más rápido.

Ahora el servidor MCP de Figma admite acceso remoto. Esto significa que puedes conectarte a Figma desde tu IDE, desde un agente de codificación con IA o incluso desde un modelo basado en el navegador. En Figma, los diseños pueden ser mucho más que imágenes estáticas. Los diseños de Figma codifican disposiciones adaptativas, 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 aplicación de escritorio para incorporar contexto de diseño en tu flujo de trabajo. Figma comenzó en el navegador para acercar a los equipos, y esta actualización extiende esa misión.

Conectar Figma con tu flujo de trabajo también se ha vuelto más fácil con nuestro catálogo de socios. Simplemente encuentra tu IDE o agente preferido de la lista, y luego integra el servidor MCP de Figma. O, integra desde dentro de tu cliente. Queremos que cada desarrollador que construye a partir de archivos de Figma tenga una experiencia ininterrumpida y poderosa. Y al igual que nuestra reciente adición de herramientas que crea reglas de sistemas de diseño, continuaremos agregando más funcionalidades y socios a nuestro servidor MCP a lo largo de la versión beta y más allá.

Ampliación de MCP a Figma Make

Para los equipos que usan Figma Make para construir 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 usar 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 renderizado o imagen.

La forma en que hacemos esto es sencilla: el servidor MCP de Figma indexa el código en tu archivo Make para que tú y tus plataformas favoritos puedan solicitar exactamente lo que se necesita. Los desarrolladores y los agentes de IA pueden reutilizar código directamente de un archivo especificado, o hacer referencia a la lógica, el diseño y los patrones como inspiración.

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

Mejor mapeo de componentes en Code Connect

Code Connect fue creado para alinear los componentes del código base con los componentes de Figma Design. Al definir estas relaciones, Code Connect permite tanto a humanos como a agentes de IA crear productos más rápido. Es un paso hacia nuestra misión de unificar los sistemas de diseño, dondequiera que se encuentren.

Hasta ahora, esas asignaciones requerían una configuración manual desde tu terminal. Con la nueva experiencia de asignación en la aplicación de Code Connect, puede navegar por los componentes dentro de Figma, asignarlos al código y archivo correctos, y ver fácilmente cuáles están vinculados o faltan. Esto complementa al CLI de Code Connect, que ayuda a los desarrolladores a llevar fragmentos listos para producción al Dev Mode con asignaciones definidas de propiedades o variantes para la mayoría de los frameworks. Muchos equipos están adoptando ambos.

Los clientes que usan Code Connect ahora pueden transmitir más que el contexto de diseño a través de nuestro servidor MCP; tendrán acceso a ubicaciones de componentes de código y uso. Por sí solo, el servidor MCP de Figma aporta un rico contexto de diseño a los agentes de IA. Con Code Connect, también aporta conciencia de producción. Pruebas iniciales de evaluaciones internas y clientes alfa mostraron una salida de código más coherente, navegación de archivos más rápida y una eficiencia de tokens mejorada de los agentes de IA al usar ambos. Los desarrolladores y equipos verán mejoras en todas estas categorías, y más, a lo largo de la versión 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 usas, también estamos fortaleciendo la base que hace que esas conexiones sean fiables. La extensibilidad es mejor cuando los clientes y desarrolladores confían en la plataforma en la que están construyendo.

En el futuro, todas las integraciones públicas de terceros y los clientes MCP serán revisados por Figma antes de que puedan acceder a tus datos. Esto añade una capa de confianza para cualquiera que adopte nuevas aplicaciones o flujos de trabajo y es coherente con cómo revisamos plugins y widgets. Nuestros límites de tasa de REST API se ajustarán para crear una experiencia más predecible para los creadores de aplicaciones y los usuarios. Estos cambios entrarán en vigor el 17 de noviembre y afectarán a menos del uno por ciento de los usuarios activos de Figma.

De cara al futuro

El servidor MCP remoto, el soporte para archivos Make en Figma MCP, y la experiencia de Code Connect en la aplicación son los primeros pasos hacia una visión más amplia. Queremos que el contexto se mueva libremente entre herramientas para que las exploraciones puedan evolucionar en características de producción, sin reescrituras o modificaciones innecesarias.

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

Los objetos de diseño no son solo referencias. Son entradas activas que dan forma a tu negocio y experiencia de usuario. Ya sea un sistema de diseño, un prototipo interactivo, maquetas anotadas o código generado, cada uno contiene conocimiento que tu equipo puede usar para construir de manera más precisa y rápida.

Todas estas funciones estarán en la versión beta a partir de hoy. Seguimos refinándolas y mejorándolas mientras avanzamos hacia la disponibilidad general. Imagina lo que puedes construir cuando Figma esté en todas partes donde construyes.