Figma Specs: reglas de marca para agentes de IA

Figma presentó Figma Specs, un editor basado en Markdown —texto plano con formato— donde los equipos documentan el lenguaje visual de su marca, y abrió en beta pública las capas de código que convierten un diseño en código dentro del lienzo. El anuncio llegó en Config India, el primer evento Config de la compañía en el país, celebrado en Bengaluru el 15 de octubre, y con un dato que resume el problema que intenta resolver: según su directora de diseño, hoy se producen 17 veces más líneas de código que antes, mientras que los lanzamientos crecieron solo 1,3 veces.

Figma Specs: el manual de marca que también leen los agentes

Specs permite reunir en un solo documento las reglas de diseño, las bibliotecas y las referencias del lienzo. El archivo puede vivir de forma independiente o dentro del propio proyecto, y desde ahí los equipos enlazan componentes visuales, incorporan diagramas de FigJam, capas de código y diseños terminados. La idea es que las instrucciones no queden separadas del material al que se refieren.

A eso se suman bibliotecas de diseño y de código, además de directrices para administrar el contexto del sistema de diseño. Figma busca concentrar información que normalmente está repartida entre documentos, bibliotecas y archivos de proyecto, para que tanto las personas como los agentes consulten un marco compartido.

El problema que ataca es concreto: los modelos generativos producen resultados distintos incluso ante instrucciones parecidas. Specs no elimina esa variabilidad —la compañía no lo afirma— pero le da al agente un punto de referencia en lugar de depender de una solicitud aislada. El movimiento llega después de que Figma ampliara, durante la semana previa al evento, el acceso a su agente dentro del lienzo.

Capas de código: de la beta privada a la beta pública

Figma anunció las capas de código en beta privada en junio y en Config India comunicó su paso a beta pública para que más usuarios puedan probarlas. La función suma programación a los diseños del lienzo y permite construir prototipos más interactivos: el usuario puede pedirle al agente que convierta un diseño en código o que modifique una parte del código existente para seguir iterando.

La compañía no presenta esta función como un reemplazo del desarrollo de software listo para lanzamiento. Según The Next Web, las capas de código operan dentro de Figma Sites, se apoyan en código React y admiten paquetes npm, incluidas librerías de animación y frameworks 3D. En la misma línea, el medio reportó que Figma sumó animaciones nativas, efectos generados por IA y la posibilidad de crear plugins escribiendo una instrucción de texto.

Yuhki Yamashita, director de producto de Figma, dijo a TechCrunch que el lienzo colaborativo es potente justamente porque los equipos que exploran direcciones nuevas no tienen que preocuparse por la calidad del código.

La brecha entre producir código y lanzar producto

Loredana Crisan, directora de diseño de Figma, puso dos números sobre la mesa: se producen 17 veces más líneas de código que antes, mientras que la cantidad de lanzamientos creció solo 1,3 veces. Su lectura es que buena parte de ese código no se escribe para publicar un producto, sino para explorar y descubrir qué conviene diseñar.

Esa asimetría explica por qué Figma empuja herramientas que conectan diseño, código y prototipado. Si la capacidad de producir código se multiplicó pero los lanzamientos no, el cuello de botella dejó de estar en la construcción y se mudó a la decisión: qué vale la pena construir.

Para un equipo pequeño el mensaje es incómodo pero útil. Generar más prototipos no es progreso si nadie los evalúa. La métrica que importa no es cuántas pantallas produjo el agente, sino cuántas llegaron a un usuario real.

MCP, Payload y por qué India es el laboratorio

Figma dijo que su MCP (Model Context Protocol, el estándar que conecta modelos de IA con herramientas externas) dará soporte a más de 20 herramientas nuevas, entre ellas Open Code, Dia, Grok Bot y Sarvam, una startup india de inteligencia artificial. El anuncio no detalla cómo se distribuirá el acceso ni qué capacidades específicas tendrá cada integración.

En el frente de contenido, la compañía avanza en la integración de Payload, el sistema de gestión de contenidos headless de código abierto que adquirió el año pasado, con Figma Make para generar sitios web dinámicos y administrar contenido directamente. Figma señaló que las descargas de Payload se multiplicaron por seis en los 12 meses previos al anuncio, aunque no presentó esa cifra como una medida de ingresos, usuarios activos ni adopción de la integración.

India ocupa un lugar central en la estrategia: Figma abrió allí su primera oficina a finales del año pasado, con funciones de ventas, alianzas y soporte de producto. La empresa afirma que el país es su mayor mercado por número de usuarios fuera de Estados Unidos y que trabaja con el 40% de las 100 principales empresas indias listadas en la Bolsa de Bombay.

La presión competitiva detrás de los anuncios

Estos lanzamientos no salen de la nada. Según The Next Web, los ingresos del primer trimestre de Figma crecieron 46% interanual hasta US$333 millones y su tasa de retención neta en dólares llegó a 139%, la más alta en más de dos años. Pero la compañía salió a bolsa en julio de 2025 con una valoración de US$20.000 millones y su acción acumula una caída cercana al 79%, cotizando alrededor de US$24, en un contexto donde los inversores dudan de que el software de diseño tradicional pueda defender su posición frente a competidores nativos de IA.

El mismo medio señala que Canva lanzó su propio modelo fundacional de IA en marzo, que Adobe Firefly alcanzó un 41% de adopción empresarial y que Google presentó Pics, una herramienta de diseño con IA dentro de Workspace, en su evento I/O 2026. A eso se suma que herramientas de código asistido por IA, como Codex de OpenAI, se expanden desde el terreno de los desarrolladores hacia plataformas empresariales capaces de generar interfaces desde un prompt.

La apuesta de Figma es que el lienzo absorba el código en lugar de ser reemplazado por él.

¿Qué significa esto para tu startup?

1. Escribe tu sistema de diseño en texto plano, hoy. Un archivo Markdown con tokens de color, tipografías, espaciados, tono de voz y componentes prohibidos es lo mínimo para que un agente no improvise. Si tu marca vive solo en la cabeza del diseñador, ningún modelo la va a respetar.

2. Versiona ese archivo como código. Si las reglas están en un repositorio, cada cambio queda registrado y cualquier agente —el de Figma o el tuyo— consulta la misma versión. Es la diferencia entre un manual que nadie lee y un contexto que el sistema lee solo.

3. Separa prototipo de producción. Usa las capas de código para validar ideas con usuarios, no para lanzar. Antes de adoptar cualquier herramienta de diseño asistido por IA, define una métrica simple: cuántos prototipos se convirtieron en algo que un cliente usó.

4. Mide el resultado, no la producción. El dato de las 17 veces más líneas de código contra 1,3 veces más lanzamientos es un recordatorio de que la productividad del agente no es la productividad del negocio.

5. Aprovecha el contexto abierto. Si tu equipo ya usa herramientas de terceros conectadas por MCP, documentar las reglas de marca en un formato legible por máquinas te permite reutilizar el mismo contexto en varios asistentes sin reescribirlo para cada uno.

Conclusión

Figma está moviendo su propuesta desde el archivo de diseño hacia el contexto que alimenta a los agentes: reglas de marca consultables, código dentro del lienzo y conexiones con sistemas externos de contenido. Para los equipos de producto, la lección práctica es que documentar el sistema de diseño dejó de ser una tarea de orden y pasó a ser infraestructura. Quien tenga sus reglas escritas y versionadas podrá sacarle provecho a estos agentes; quien no, seguirá corrigiendo a mano lo que la IA produjo.

Fuentes

• DiarioBitcoin: Figma crea reglas para que sus agentes de IA respeten el diseño de cada marca (fuente original)
• KuCoin News: Figma Launches New Tools to Enhance AI Agent Design Compliance
• UA.News: Figma unveils Specs editor for AI agent operating rules
• The Next Web: Figma adds code layers to the canvas and lets users build custom AI plugins