Specs y code layers de Figma entran en beta abierta en Config India

Figma lanzó en beta abierta code layers y una nueva función llamada Specs el 15 de octubre de 2026, en su primera conferencia Config en India. Code layers lleva código funcional al lienzo de Figma, junto a los diseños. Specs ofrece a los equipos un documento Markdown compartido que pueden leer tanto las personas como los agentes de IA. Ambas novedades llevan a Figma una parte mayor del camino que va del diseño al código publicado.

Code layers: código funcional en el lienzo

Code layers permite a los equipos crear prototipos respaldados por código en el lienzo y trabajar en ellos de forma conjunta, según el anuncio de Figma. Está en beta abierta para todos los planes.

Los equipos pueden empezar desde cero o importar una base de código de prototipado compatible desde GitHub o desde una carpeta local. El código importado desde GitHub sigue conectado al repositorio. Una extensión de Figma para Chrome puede capturar una página web en vivo como code layer.

Los diseñadores pueden refinar un code layer dando instrucciones al agente de Figma, añadiendo comentarios o editando el código directamente. Una herramienta llamada Extract designs convierte de nuevo las pantallas en frames editables de Figma. Los cambios pueden enviarse a una rama de Git y revisarse en una pull request antes de fusionarse.

Code layers consume créditos de IA, según Figma. Crear y editar code layers es gratis en los planes de pago hasta el 4 de noviembre de 2026. Figma anunció code layers por primera vez en una beta privada en junio, informa TechCrunch.

Specs: Markdown en el lienzo

Specs es un contenedor para Markdown, un formato de texto plano con marcas sencillas para títulos y listas. Una spec vive en el lienzo, y varias personas pueden editarla a la vez. Los archivos .md existentes se pueden arrastrar al lienzo para convertirlos en specs.

Una spec puede contener tableros de FigJam, frames de diseño y otros elementos del lienzo junto a su texto. Los agentes pueden responder a comentarios dentro de una spec. Las specs también se pueden enviar a agentes de programación a través del servidor MCP de Figma. MCP, el Model Context Protocol, es una forma estándar de conectar herramientas de IA con otro software.

Specs está en beta abierta en todos los planes de pago, en web, escritorio y móvil.

Reglas para agentes y más socios de MCP

Las demás novedades buscan que los agentes, tanto el de Figma como los externos, sigan las reglas de diseño de un equipo. Según la publicación de Dylan Field, CEO de Figma, llegan en fases distintas:

Función	Qué hace	Estado
Code layers	Prototipos respaldados por código en el lienzo	Beta abierta, todos los planes
Specs	Documentos Markdown compartidos en el lienzo	Beta abierta, planes de pago
Guidelines	Reglas de diseño que sigue el agente	Beta abierta, planes de pago
Code sources	Incorpora repositorios de GitHub o paquetes de npm	Beta cerrada, planes de pago
System map y System check	Herramientas para gestionar un sistema de diseño	Vista previa
Payload in Figma	Sitios web basados en datos creados con Figma Make	Todos los planes, despliegue gradual en las próximas semanas
Figma MCP	20 nuevas integraciones de socios	Disponible ya

Entre los socios de MCP figuran OpenCode, Dia, Junie by JetBrains y Meta Muse, según Figma. TechCrunch cita además Grok Bot y Sarvam. El agente propio de Figma pasó a disponibilidad general el 6 de octubre, según sus notas de versión.

Payload es el sistema de gestión de contenidos que Figma compró el año pasado, informa TechCrunch. Figma afirma que las descargas de Payload se multiplicaron por seis en los últimos 12 meses.

Por qué India

India es el mayor mercado de Figma fuera de Estados Unidos, informa TechCrunch. El 40 % de las 100 mayores empresas que cotizan en la Bolsa de Bombay usa Figma, añade el medio.

«Hoy se producen 17 veces más líneas de código que en el pasado», dijo a TechCrunch Loredana Crisan, chief design officer de Figma. Crisan sostuvo que gran parte de ese código se escribe para explorar ideas, no para llegar a producción.

Qué significa esto para los desarrolladores

Para los equipos de ingeniería que trabajan con diseñadores en Figma:

• Prepárese para prototipos en código real. Los code layers pueden vivir en un repositorio de GitHub y enviar cambios como pull requests. Decida ahora quién revisa esas pull requests y a qué ramas pueden enviar cambios los diseñadores.
• Escriba sus reglas una sola vez. Guidelines y Specs dan a los agentes una fuente escrita de reglas de diseño. Los equipos con un sistema de diseño deberían recoger allí sus reglas, para que el agente de Figma y los agentes de programación externos sigan los mismos patrones.
• Conecte su agente de programación. El servidor MCP de Figma cubre ahora code layers, specs y recursos visuales. Si ya usa un agente de programación compatible con MCP, pruebe a cargar una spec en él antes de construir a partir de capturas de pantalla.
• Vigile el contador de créditos después del 4 de noviembre. Los code layers funcionan con créditos de IA. El periodo gratuito en los planes de pago termina el 4 de noviembre de 2026, así que controle el uso durante la beta para estimar el coste.