Figma enseña a los agentes de IA a respetar tu marca

Figma quiere que los agentes de IA dejen de improvisar con tu marca

Figma anunció nuevas funciones para que los agentes de IA sigan las normas de diseño de las marcas. La compañía presentó Figma Specs, un editor Markdown para describir principios de diseño y requisitos de estilo, y abrió Code Layers en beta pública. El anuncio se hizo en el primer evento Config celebrado en la India.

El problema que ataca es concreto: la IA generativa es no determinista. Le pides una pantalla y te devuelve algo distinto cada vez, casi siempre fuera de tu sistema de diseño. Para un equipo de producto, eso significa revisar, corregir y volver a pedir. Figma está intentando convertir sus reglas de marca en contexto legible por máquinas.

¿Qué es Figma Specs y por qué importa?

Figma Specs es un editor Markdown donde el equipo escribe sus principios de diseño y requisitos de estilo. Los documentos pueden vivir como archivos independientes o directamente en el lienzo de trabajo, y admiten enlaces a maquetas, diagramas de FigJam y fragmentos de código.

La idea de fondo es que exista una referencia común. Hoy las reglas de marca suelen estar repartidas entre un PDF de branding, un archivo de Figma y la cabeza de la diseñadora senior. Specs las centraliza en un formato que tanto personas como agentes pueden leer.

Según el reporte del evento, los equipos pueden reunir bibliotecas de diseño, bibliotecas de código y guías en un sistema centralizado de contexto, al que los agentes pueden referirse para seguir las reglas. Figma lo enmarca como una forma de dirigir la IA hacia resultados más predecibles.

Code Layers: código dentro del lienzo

Code Layers permite añadir código a elementos de diseño, crear prototipos interactivos y modificarlos mediante un agente de IA. Ya está disponible en beta pública, después de haber pasado por beta privada desde junio.

El detalle técnico que importa: la función opera dentro de Figma Sites, está respaldada por código React propio y soporta paquetes npm, incluidas librerías de animación y frameworks 3D. Un equipo puede convertir componentes en capas de código, pedirle al agente que los construya o modifique, o editar directamente en el compositor de código de Figma.

El argumento que dio Yuhki Yamashita, chief product officer de Figma, es que el lienzo colaborativo funciona porque ahí nadie se preocupa por la calidad del código. Es un espacio para explorar direcciones rápido, no para escribir producción. La apuesta es que eso cambie el comportamiento no solo de diseñadores, sino también de ingenieros y product managers.

MCP, Payload y el resto del paquete

Figma amplió la compatibilidad de su MCP —el protocolo que conecta herramientas de IA con servicios externos— a más de 20 herramientas adicionales, entre ellas Dia, Grok Bot y Sarvam, la startup india de IA.

En paralelo, la compañía integró Payload, el sistema de gestión de contenidos open source headless que adquirió el año pasado, con Figma Make. El objetivo es crear sitios web dinámicos y gestionar su contenido dentro de la propia plataforma. Según el reporte del evento, las descargas de Payload se multiplicaron por seis en los últimos 12 meses.

¿Por qué Figma está haciendo esto ahora?

La respuesta está en la presión competitiva. Según The Next Web, Figma reportó ingresos de US$333,4 millones en el primer trimestre de 2026, un 46% más que el año anterior, con una retención neta de dólares del 139%. Pero la acción cayó más del 80% desde su pico posterior a la salida a bolsa, en medio de la percepción de que la IA podría convertir el diseño en commodity.

El contexto que da The Next Web es revelador: Canva lanzó su propio modelo fundacional de IA en marzo, Adobe Firefly alcanzó un 41% de adopción empresarial y Google presentó Pics, una herramienta de diseño con IA dentro de Workspace, en su evento I/O 2026.

La tesis de Figma, en palabras de su CEO Dylan Field recogidas por The Next Web, es que "cuando el código es un commodity, el diseño es la ventaja competitiva". Traducción para un founder: si cualquiera puede generar una app funcional con un prompt, lo que diferencia es cómo se ve y cómo se siente. Y eso necesita reglas.

Loredana Crisan, chief design officer de Figma, aportó un dato que explica la urgencia: hoy se producen 17 veces más líneas de código que antes, pero los lanzamientos solo aumentaron 1,3 veces. Mucho de ese código se escribe para descubrir y diseñar un producto, no necesariamente para enviarlo a producción. Ahí es donde el lienzo de diseño se vuelve el cuello de botella.

El mercado que Figma no puede ignorar

La elección de la India para el primer Config fuera de Estados Unidos no es casual. Según el reporte del evento, la India es el mayor mercado de Figma por usuarios fuera de Estados Unidos, y la plataforma trabaja con el 40% de las 100 principales empresas que cotizan en la Bolsa de Bombay. La compañía abrió su primera oficina en el país a fines del año pasado, con funciones de ventas, alianzas y soporte de producto.

Para un founder hispanohablante, el mensaje es que los mercados emergentes dejaron de ser secundarios para las herramientas de diseño. Los equipos de LATAM y España compiten con las mismas plataformas que los de San Francisco, y las decisiones de producto de Figma se toman cada vez más pensando en esa base global.

¿Qué significa esto para tu startup?

Si tu equipo ya usa Figma, estas funciones cambian dos cosas concretas: cuánto tiempo gastas corrigiendo output de IA y cuánto depende tu marca de una sola persona.

Acción 1: escribe tus reglas de diseño antes de escalar el uso de IA. No necesitas un manual de 80 páginas. Empieza con Specs y documenta lo mínimo que un agente necesita para no equivocarse: tipografías, escala de espaciado, paleta con códigos exactos, componentes obligatorios y los casos prohibidos. Si esas reglas solo viven en la cabeza de tu diseñador, cada prompt que escriba el resto del equipo va a producir algo distinto.

Acción 2: prueba Code Layers en un proyecto no crítico. La beta pública es el momento ideal para medir si tu equipo de producto puede prototipar sin esperar a ingeniería. Elige un flujo interno —un dashboard, un formulario, una pantalla de onboarding— y compáralo con tu proceso actual. La pregunta no es si la función es linda, sino si reduce el ida y vuelta entre diseño y desarrollo.

Acción 3: audita tu dependencia de una sola plataforma. La caída de la acción de Figma no afecta tu suscripción hoy, pero sí debería recordarte algo: si todo tu sistema de diseño vive en un proveedor, migrar cuesta. Exporta y versiona tus tokens y componentes en un repositorio propio. Es barato hacerlo ahora y carísimo hacerlo bajo presión.

Conclusión

Figma está apostando a que el lienzo de diseño absorba el código en lugar de ser reemplazado por él. Specs y Code Layers son la respuesta a una amenaza real: que un agente de IA genere interfaces sin pasar por ninguna herramienta de diseño.

Para un founder, la lección va más allá de Figma. La IA no ejecuta bien lo que no está escrito. Las startups que ganen los próximos dos años no serán las que tengan el mejor prompt, sino las que hayan documentado mejor sus reglas: de marca, de producto y de negocio. Specs es solo un formato nuevo para un trabajo viejo que casi nadie hace bien.

Fuentes

• Figma enseñará a los agentes de IA a cumplir con las normas de diseño de las marcas - LIGA.net
• Figma Launches New Tools to Enhance AI Agent Design Compliance - KuCoin
• Figma adds code layers to the canvas and lets users build custom AI plugins at Config 2026 - The Next Web
• Figma adds code layers, support for animations, more AI features in new update - TechCrunch
• Figma's numbers say AI is a tailwind. Its stock price says the market isn't sure. - The Next Web