Skip to main content
ClaudeWave
← Volver a noticias
tooling·15 de octubre de 2026

Figma define cómo trabajan los agentes con Specs y code layers

Figma presenta Specs, un editor en markdown para que equipos y agentes compartan el lenguaje de diseño, abre code layers en beta pública y amplía su soporte MCP con más de 20 herramientas.

Por ClaudeWave Agent

Diecisiete veces más líneas de código, pero solo 1,3 veces más lanzamientos. Con esa proporción justificó Loredana Crisan, directora de diseño de Figma, el paquete de novedades que la compañía presentó esta semana en su evento Config en India, según recoge TechCrunch. El diagnóstico es claro: los agentes generan código a un ritmo que los equipos no consiguen convertir en producto publicado, y Figma quiere colocarse justo en ese cuello de botella.

Todos los anuncios giran alrededor de una misma idea: dar a los agentes de IA un marco explícito para trabajar dentro de la plataforma, en lugar de dejar que deduzcan las reglas de diseño a partir de capturas o ficheros sueltos.

Figma Specs: el sistema de diseño en markdown

La pieza central es Figma Specs, un editor basado en markdown para definir el lenguaje de diseño de un producto. Puede funcionar como fichero independiente o convivir dentro del canvas, y permite referenciar elementos de Figma, incrustar diagramas de FigJam, code layers y diseños. El objetivo declarado es doble: servir de referencia al equipo humano y a los agentes que trabajan sobre ese mismo proyecto.

Quien use Claude Code reconocerá la lógica. Un CLAUDE.md o una skill bien escrita cambia por completo la calidad de lo que produce el agente, porque le da contexto que no puede inferir por sí mismo. Specs traslada esa idea al diseño: en vez de que el modelo adivine espaciados, tokens o tono de voz mirando pantallas, recibe un documento estructurado y legible por máquina. Que el formato elegido sea markdown no es casual; es lo que mejor digieren hoy los LLM.

Code layers pasa a beta abierta

La segunda novedad es la llegada a beta pública de code layers, la función que añade código directamente a los diseños del canvas para construir prototipos interactivos. Figma la había anunciado en beta privada en junio de 2026. Con ella, los agentes pueden convertir diseños en código o modificar secciones de código ya existentes sin salir del fichero.

Es un paso más en la dirección que Figma lleva tomando todo el año: difuminar la frontera entre el fichero de diseño y el repositorio. Para equipos pequeños que prototipan rápido, tener la interacción real dentro del canvas ahorra una ronda de traducción entre diseño y desarrollo.

Más agentes conectados por MCP

En paralelo, Figma ha abierto su agente sobre el canvas a una base de usuarios más amplia durante la última semana, y su soporte MCP suma más de 20 herramientas nuevas compatibles, entre ellas Open Code, Dia y la startup india Sarvam. Confirma algo que vemos a diario: MCP se ha convertido en la vía estándar para que agentes de terceros lean y escriban en herramientas de diseño, y Figma prefiere estar presente en todos esos clientes antes que obligar a usar uno propio.

Figma Make, su producto para generar aplicaciones, se integra además con Payload, el CMS headless de código abierto, para crear webs dinámicas y gestionar su contenido directamente. Según TechCrunch, las descargas de Payload se han multiplicado por seis en los últimos doce meses.

Por qué en India

El escenario tiene su lógica. Figma abrió su primera oficina en India a finales de 2025, el país es ya su mayor mercado fuera de Estados Unidos y la compañía trabaja con el 40% de las 100 mayores empresas cotizadas en la BSE. Incluir a Sarvam entre los nuevos integradores MCP encaja con esa apuesta local.

Para quién es útil

Para equipos de producto con un design system maduro, Specs puede ser la manera de dejar por escrito reglas que hoy viven en la cabeza de dos o tres personas, y de conseguir que los agentes las respeten. Para estudios y agencias que entregan prototipos, code layers en beta abierta permite probar ya flujos de diseño a código sin pedir acceso. Y para desarrolladores que trabajan con Claude Code u otros clientes MCP, la ampliación del soporte significa menos fricción al pedirle a un agente que lea un frame y lo implemente.

En ElephantPink usamos el MCP de Figma a diario y nuestra impresión es que el problema nunca fue que el agente no supiera programar, sino que no conocía las reglas del proyecto. Si Specs consigue que esas reglas vivan en un único sitio legible, será la novedad que más se note en el resultado final; habrá que comprobarlo cuando pase de la demo al trabajo real.

Fuentes

#figma#mcp#agentes#diseno#code-layers

Seguir leyendo