Figma agrega capas de código a Canvas y permite a los usuarios crear complementos de IA personalizados en Config 2026

Figma aprovechó el discurso de apertura de su conferencia Config 2026 el miércoles para presentar Code Layers, una característica que lleva el código ejecutable directamente al lienzo de diseño colaborativo. Los equipos ahora pueden clonar repositorios y extraer flujos de código a capas de diseño para realizar pruebas, rompiendo un paso de transferencia que ha definido los flujos de trabajo del diseño al desarrollo durante más de una década.

El anuncio llegó junto con soporte nativo de animación y movimiento, efectos de sombreado generados por IA, nuevas habilidades de IA para el asistente de diseño de Figma y la capacidad de crear complementos personalizados mediante mensajes de texto. Las actualizaciones se presentaron en el Moscone Center de San Francisco, donde las entradas individuales se agotaron antes del evento de tres días.

El director de productos, Yuhaki Yamashita, dijo que Code Layers está diseñado para cambiar la forma en que los diseñadores, gerentes de productos e ingenieros colaboran en ideas. Le dijo a TechCrunch que el lienzo multijugador es poderoso porque los equipos que exploran nuevas direcciones no necesitan preocuparse por la calidad del código. El diseño espacial les permite iterar sin la presión de escribir código listo para producción, dijo.

La función Code Layer funciona dentro de los sitios de Figma y es compatible con código React personalizado. Los usuarios pueden convertir elementos a nivel de código, usar el chat de IA para crearlos y modificarlos, o editarlos directamente en Code Composer de Figma. El sistema admite paquetes npm que incluyen bibliotecas de movimiento y marcos 3D, lo que permite elementos interactivos desde menús desplegables hasta efectos de sombreado sin lienzo.

Figma ha agregado soporte nativo para animaciones, transiciones y transformaciones 3D. Anteriormente, los diseñadores tenían que crear trabajos de movimiento en software externo y convertirlos en código que Figma pudiera interpretar. La actualización elimina ese paso, lo que permite a los diseñadores crear y obtener una vista previa de animaciones directamente dentro de sus archivos de diseño, y también agrega rellenos de sombreador generados por IA y efectos creados mediante indicaciones.

La compañía está profundizando su integración con Figma Weave, una escisión de la adquisición en octubre pasado de la herramienta de medios de inteligencia artificial basada en nodos Weave. Figma lanzó su propio agente de diseño de IA el mes pasado y las actualizaciones de Config amplían ese agente con nuevas capacidades. Los usuarios ahora pueden escribir mensajes de texto para crear habilidades repetibles que los asistentes de IA pueden ejecutar, y pueden conectar herramientas externas como Notes, Granola, Excel y GitHub para brindarle al agente un contexto más rico.

Una actualización separada, que se implementará a finales de este año, permitirá a los usuarios crear flujos de trabajo Weavy directamente dentro de Figma, estrechando la conexión entre las dos plataformas. La adquisición de Wavey, que aportó un lienzo basado en nodos para combinar múltiples modelos de IA con herramientas de edición profesionales, ha funcionado hasta ahora como un producto independiente en su propia URL.

Figma también está agregando la creación de complementos personalizados basados ​​en solicitudes. Los usuarios pueden describir lo que quieran, como un generador de diseño o un trazador de ruta vectorial, y Figma creará el complemento. La función amplía el ecosistema de complementos existente de la plataforma, que ya alberga miles de herramientas creadas por la comunidad, al reducir la barrera entre escribir código y escribir oraciones.

Las actualizaciones llegan en un momento crítico para el negocio de Figma. Los ingresos del primer trimestre de la compañía aumentaron un 46 por ciento año tras año a 333 millones de dólares, y su tasa de retención neta de dólares alcanzó el 139 por ciento, la más alta en más de dos años. Pero las herramientas de codificación de IA como el Codex de OpenAI se están expandiendo desde herramientas de desarrollo a plataformas empresariales que pueden crear interfaces a partir de mensajes de texto, amenazando con pasar por alto las herramientas de diseño por completo.

Figma salió a bolsa en julio de 2025 con una valoración de 20.000 millones de dólares. Desde entonces, sus acciones han caído casi un 79 por ciento, cotizando a alrededor de 24 dólares, mientras los inversores se preguntan si el software de diseño tradicional puede mantener su posición frente a los competidores nativos de IA.

Las presiones competitivas son inmensas. Canva lanzó su propio modelo básico de IA en marzo, Firefly de Adobe se hizo con el 41 por ciento del negocio y Google presentó Pics, una herramienta de diseño de IA dentro de Workspace, en I/O 2026.

Las declaraciones a nivel de código son la respuesta de Figma a esa presión, un argumento de que el lienzo de diseño absorbe el código en lugar de reemplazarlo. Si los ingenieros pueden crear prototipos directamente en Canvas con los diseñadores, la herramienta será más difícil de dirigir a un agente de codificación con un mensaje de texto.

Yamashita hizo esta característica "No sólo los diseñadores, sino también los ingenieros y los PM reciben un trato diferente."Que ese comportamiento se materialice dependerá de si los equipos de producto realmente adoptan las capas de código como una superficie de colaboración o continúan tratando el diseño y el desarrollo como disciplinas separadas con un traspaso en el medio.