Figma lanza herramientas para controlar cómo trabajan los agentes y sistematizar el diseño

Resumen

Durante su primer evento Config en India, Figma anunció varias funciones pensadas para que los equipos de producto y los agentes impulsados por IA trabajen de forma más alineada con las reglas de marca y los sistemas de diseño. Las novedades clave son Figma Specs —un editor basado en Markdown para documentar el lenguaje de diseño—, la apertura pública de code layers y una integración más profunda con el CMS headless Payload dentro de Figma Make.

Estas mejoras buscan abordar un problema recurrente en diseño y desarrollo: la proliferación de código y artefactos que sirven para explorar ideas pero que no siempre están listos para producción. Al centralizar guías y librerías, Figma pretende que tanto personas como agentes automatizados sigan normas compartidas durante la creación.

¿Qué es Figma Specs y cómo funciona?

Figma Specs es un editor en Markdown que permite a equipos describir de forma simple y estructurada su lenguaje de diseño. El documento puede actuar como referencia oficial para designers, desarrolladores y agentes (internos o de terceros) que interactúen con diseños en Figma.

Características principales:

• Puede existir como un archivo independiente dentro de Figma o integrarse directamente en el canvas.
• No es solo un editor de texto: permite referenciar elementos del canvas, insertar diagramas de FigJam, capas de código y diseños.
• Se puede enriquecer con librerías de diseño, librerías de código y guías que ofrezcan contexto adicional al sistema de diseño.

Al centralizar estas referencias, los agentes pueden consultar un único punto de verdad para aplicar reglas de marca y estilo cuando generan o modifican contenido con IA.

Control y predictibilidad para agentes de IA

Figma ya había comenzado a desplegar su agente en el canvas a una base de usuarios más amplia. Sin embargo, la naturaleza no determinista de los modelos de IA exige herramientas que permitan guiar su comportamiento hacia resultados más previsibles. Figma Specs es un paso hacia ese objetivo: al dar a los agentes acceso a reglas claras y contextuales, se reduce la variabilidad en las salidas y se mejora la coherencia con la identidad de producto.

La idea es que, en lugar de confiar únicamente en prompts ad hoc, los agentes puedan leer y adherirse a especificaciones formales que describen cómo debe verse y comportarse una interfaz. Esto es especialmente relevante para equipos que trabajan con múltiples versiones, locales o marcas bajo un mismo ecosistema.

Code layers: prototipos más interactivos y cercanos al producto

Otra de las novedades es que Figma lleva su función de code layers a beta pública. Presentada inicialmente en beta privada en junio, code layers permite añadir capas de código directamente sobre los diseños en el canvas, facilitando prototipos más interactivos y cercanos al producto final.

Los usuarios pueden pedir al agente que transforme un diseño en código o que modifique fragmentos de código para iterar rápidamente sobre un prototipo. Esto acelera ciclos de validación y reduce la fricción entre diseño y desarrollo, aunque sigue siendo necesario revisar y adaptar el resultado para producción.

Integración con Payload y Figma Make

Tras la adquisición del CMS headless de código abierto Payload el año pasado, Figma avanza en su integración con Figma Make para generar sitios web dinámicos y gestionar contenido de forma directa. La compañía reporta que las descargas de Payload crecieron seis veces en los últimos 12 meses, lo que sugiere un interés creciente en soluciones headless dentro de la comunidad de desarrollo.

Al integrar Payload, los equipos pueden no solo diseñar y prototipar, sino también gestionar el contenido que alimentará sitios y aplicaciones, reduciendo pasos entre diseño, contenido y despliegue.

Ecosistema y soporte de terceros

Figma también amplió el soporte en su MCP para más de 20 nuevas herramientas, entre las que figuran Open Code, Dia, Grok Bot y la startup india Sarvam. Estas integraciones buscan enriquecer el ecosistema de Figma y ofrecer conectores que faciliten flujos de trabajo más completos.

El anuncio se produce en paralelo con la expansión física y comercial de Figma en India: la empresa abrió su primera oficina en ese país a finales del año pasado y señala que India es su mayor mercado fuera de Estados Unidos. Según Figma, la plataforma trabaja con el 40% de las 100 principales compañías listadas en la Bombay Stock Exchange.

¿Qué significa esto para empresas en América Latina?

Aunque estos anuncios se hicieron en India, tienen implicaciones claras para equipos y empresas en América Latina:

• Centralización del conocimiento: Equipos distribuidos en la región suelen lidiar con inconsistencias entre diseño y desarrollo. Especificaciones centralizadas en Markdown facilitan la transmisión de normas de marca y reducen la dependencia de documentación fuera de la plataforma.
• Aceleración de ciclos: La combinación de code layers y agentes capaces de transformar diseños en código puede reducir tiempos de prototipado, algo valioso para startups y equipos de producto con recursos limitados.
• Localización y gobernanza: En mercados donde se requieren múltiples variantes lingüísticas o regulatorias, tener un punto de verdad para reglas de diseño ayuda a mantener cumplimiento y coherencia.
• Integración con contenido: Para e-commerce, medios y servicios públicos que adoptan soluciones headless, la integración de Payload con Figma Make ofrece un camino más directo del diseño al contenido en producción.

No obstante, las organizaciones latinoamericanas deben evaluar con cuidado la salida de los artefactos generados por IA: necesitarán procesos de revisión humana, controles de calidad y gobernanza de datos antes de publicarlos.

Reflexión de la dirección de producto

La ejecutiva de Figma Loredana Crisan señaló que, si bien hoy se generan muchas más líneas de código, eso no siempre se traduce en más lanzamientos de producto; mucho código se produce para explorar y diseñar. La apuesta de Figma parece orientarse a convertir esa exploración en resultados más dirigidos y útiles, acortando la distancia entre descubrimiento y entrega.

Conclusión

Con Figma Specs, la apertura de code layers y la integración con Payload, Figma refuerza su visión de ser el espacio donde los equipos deciden qué construir y cómo hacerlo. Para las organizaciones en América Latina, estas herramientas ofrecen oportunidades para mejorar la coherencia de marca, acelerar prototipos y conectar diseño con contenido y código. Como siempre, la adopción efectiva requerirá gobernanza clara y procesos que garanticen calidad y cumplimiento antes de escalar soluciones generadas por IA.