Nº 022 Edición

·01· Herramientas

Figma quiere tu sistema de diseño escrito en Markdown para que lo lea un agente. Quien redacta las reglas decide el resultado.

En Config India, Figma lanzó Specs y guidelines: el sistema de diseño pasa a ser texto que leen los agentes. Quien escribe esas reglas controla el resultado.

· Redacción EC
    Para
  • Diseñadores in-house
  • Diseñadores UI/UX
  • Equipos de marca
  • Marcas SaaS

Lo nuevo

Antes de la demo, Tara, la PM de Figma que trabaja en sistemas de diseño e IA, subió un puñado de archivos Markdown a una librería. Era el keynote de Config India, la primera edición india de la conferencia de Figma, el 15 de octubre en Bengaluru, y lo que venía a mostrar era qué cambia cuando el agente lee esas reglas. Le pidió una vista de lista para un marketplace de compraventa, con filtros y orden, y la comparó con lo que el mismo agente había armado sin la librería adjunta. Lo primero, dijo, estaba “bien. Quizás un poco genérico”. Lo segundo usaba los componentes reales del sistema, y para probarlo pasó a modo contorno frente al público.

Ese mismo día Dylan Field publicó la lista de lanzamientos, y casi todos sirven para darle contexto escrito a un agente. Specs, un editor nativo de Markdown que vive en el canvas o como archivo propio y que Figma describe como “un contenedor para tu contexto”, entra en beta abierta en los planes pagos. Las guidelines, archivos de reglas que se adjuntan a una librería publicada y que el agente recibe en segundo plano, también pasan a beta abierta; los code sources, que conectan un repositorio de GitHub o un paquete npm a esa librería, arrancan en beta cerrada. Figma mostró además en preview un system map para seguir dependencias entre librerías y un system check que busca huecos, como descripciones o estados interactivos que faltan. Completan la lista los code layers en beta abierta para todos los planes, Payload (el CMS open source que Figma compró el año pasado y cuyas descargas, según la empresa, crecieron seis veces en doce meses) dentro de Figma Make, y un servidor MCP con 20 integraciones nuevas, entre ellas OpenCode, Dia, Junie de JetBrains, Meta Muse y la india Sarvam (TechCrunch, The Telegraph India).

Por qué importa

En julio contamos cómo Config 2026 volvió el canvas un sistema operativo, con motion, shaders y un agente adentro. Hace dos semanas Adobe, OpenAI y Shopify reconstruyeron un lienzo dentro del chat. Config India apunta a otra parte. Noah Levin, VP de diseño de Figma, lo resumió en X: junio fue de “herramientas y materiales”; esta vez, todo gira en torno a “contexto y flujos de trabajo”. Loredana Crisan, directora de diseño, le dio a TechCrunch el número detrás de la apuesta: hoy se produce “17 veces más líneas de código” que antes, pero apenas “1,3 veces más lanzamientos”. Si el código sobra, lo escaso es decidir qué construir, y Figma quiere que esa decisión quede escrita dentro de su plataforma.

Eso cambia qué es un sistema de diseño. Durante una década fue sobre todo una librería visual: componentes, variables, estilos y su documentación. La guía de guidelines de Figma le agrega una capa de texto: recomienda entre tres y ocho archivos con nombres como overview.md, components.md o anti-patterns.md, redactados como escenarios con qué hacer, qué no hacer y por qué. Pide documentar justo lo que un diseñador con oficio da por obvio y el agente no puede inferir, como el orden en que se arma una pantalla o cómo distinguir dos componentes de nombre parecido. Y como las guidelines llegan solas a cada prompt que usa la librería, quien las redacta decide lo que el agente produce para todo el equipo. En Bengaluru, Field explicó el valor de un sistema con una imagen: si se hubiera presentado con un traje de brillos, “por lo menos levantarían las cejas”, porque “cada marca y cada producto tiene su voz” (The Telegraph India). Figma recomienda que, para el agente, esa voz quepa en menos de 100 KB de texto.

Escribir ese contexto tiene un precio que Figma pone en su centro de ayuda. Un prompt puede gastar más créditos de IA cuando usa una librería con guidelines, “porque esos archivos le dan contexto adicional al agente”; usar el agente dentro de Specs también consume créditos, y la guía advierte que repetir reglas entre archivos sube el tiempo de proceso y el gasto. Durante la beta, además, los archivos de guidelines se suben a mano. Un sistema bien escrito le ahorra al agente adivinar, y cada regla que agregas pesa en la cuenta de cada prompt.

La salida hacia otras herramientas también tiene condiciones. Specs viaja a los agentes de código a través del servidor MCP de Figma, que según el mismo centro de ayuda requiere un cliente listado en su catálogo. Esa lista existía desde antes, y el 30 de septiembre Figma la confirmó en público: respondiendo a David Soria Parra, creador del protocolo MCP, Gayani, del equipo de Figma, escribió que su servidor remoto “solo acepta clientes de nuestra lista”. Soria Parra contestó que había imaginado “un ecosistema abierto” y que ver esas restricciones le parecía “triste”. En r/FigmaDesign, el comentario más votado del hilo sobre Config India dice: “el código siempre fue la fuente de verdad”. Otro usuario cuenta que a su equipo le tomó entre seis y ocho meses adaptarse a las variables y los slots, y pregunta si ahora toca rehacerlo todo.

Movimientos

  1. Escribe esta semana el anti-patterns.md de tu sistema. Elige las cinco decisiones en las que tu equipo se equivoca más seguido (el componente que se confunde con otro, el espaciado que nadie respeta, el color que aparece en valor suelto) y redacta cada una como escenario: qué hacer, qué no hacer y por qué. Te sirve aunque no uses Figma, porque es el formato que cualquier agente sabe leer.
  2. Antes del 4 de noviembre, mide cuánto cuesta tu contexto. Repite la prueba del keynote: la misma consigna al agente con y sin tu librería y tus guidelines adjuntas. Anota los créditos que marca el recibo de cada prompt y cuántos valores sueltos quedaron en cada versión. Con esos dos números sabes si tus archivos pesan lo que aportan antes de que code layers empiece a cobrar.
  3. Ponle dueño a tus specs antes del próximo sprint. Sigue el consejo de Ashley: versiónalas junto al código, asígnalas a una persona con nombre y revísalas con cada cambio que afecte lo que describen. Y revisa si el cliente de IA de tu equipo figura en el catálogo MCP de Figma; si no está, anota qué parte de tu flujo depende de esa lista.

Qué seguir mirando

Figma apuesta a que el texto que gobierna al agente viva dentro de su plataforma. La apuesta contraria viene de los cofundadores de Sketch: Pieter Omvlee y Emanuel Sá presentaron el 15 de septiembre Elyx, en beta privada, una herramienta que guarda los archivos de diseño como texto plano versionable en Git. A la fecha solo la cubrieron medios chicos y newsletters de diseño, y no está clara su relación con Sketch B.V. Desde principios de octubre no ha aparecido cobertura nueva.

  • ¿Cuántos créditos cuesta, en promedio, un prompt con guidelines adjuntas? Figma no publica una tabla por función.
  • ¿Las specs se van a sincronizar con el repositorio, o terminan como la documentación que se desactualiza mientras el agente cambia el código?
  • ¿Abre Figma su catálogo MCP o lo mantiene como lista de invitados ahora que Specs depende de él para salir?
  • ¿Cuándo sale Elyx de la beta privada, publica la especificación de su formato y aclara qué tiene que ver con Sketch?