Figma presenta un canvas ampliado con animación asistida por IA, efectos shader, capas de código, plugins generativos y herramientas de Figma Weave.
Figma ha presentado en Config 2026 una ampliación importante de su canvas. La plataforma incorpora código, movimiento, shaders, plugins generativos y herramientas de Figma Weave como materiales que pueden crearse, combinarse y editarse dentro del mismo archivo colaborativo.
Las nuevas capas de código permiten convertir una capa de diseño en una capa interactiva mediante un clic o una instrucción. Estas capas se pueden duplicar para explorar distintas soluciones en paralelo, comentar con el equipo y editar dentro del mismo canvas. También es posible extraer partes de una capa de código como capas de diseño editables y sincronizar después los cambios de vuelta al código. Figma comenzará a desplegar esta función en acceso anticipado en julio.
Figma Motion añade una línea de tiempo directamente en Figma Design con fotogramas clave, ajustes predefinidos y herramientas para construir animaciones desde cero o añadir movimiento a diseños existentes. El agente de Figma también puede generar una primera versión de la animación a partir de una instrucción para que el usuario continúe editándola.
El movimiento puede integrarse en componentes y sistemas de diseño para reutilizar una animación en diferentes pantallas y archivos. En Dev Mode, los desarrolladores pueden consultar valores de tiempo, curvas de aceleración y fotogramas clave, además de copiar el resultado como CSS, JSON o código React. Las animaciones también son compatibles con MCP y pueden enviarse a un agente de programación para su implementación.
Figma Motion permite exportar el trabajo en MP4, WebM, SVG animado y GIF. La empresa indica que está trabajando en más formatos y opciones de exportación.
Los nuevos rellenos y efectos shader pueden generarse describiendo el resultado deseado o utilizando una imagen como referencia. El agente crea shaders parametrizados con controles editables en el canvas. Los efectos transforman una capa existente, mientras que los rellenos funcionan como un nuevo material. Los parámetros pueden combinarse con otros efectos y prepararse para su conversión a código y formatos habituales. Figma también trabaja en shaders interactivos, aunque todavía está ajustando su rendimiento.
Los plugins generativos permiten crear herramientas propias explicando su comportamiento, controles y parámetros, sin configurar un entorno de desarrollo local ni conocer la API de plugins. Estas herramientas pueden compartirse con las personas del archivo y, más adelante, publicarse para un equipo, una organización o la comunidad.
Figma también integra herramientas de Figma Weave en el canvas. Weave utiliza un sistema de nodos para conectar modelos, transformar recursos, refinar resultados y comparar alternativas dentro de flujos generativos reutilizables. Además, el agente de Figma incorpora habilidades reutilizables, conexiones con servicios como Notion, Slack, Granola, Hex, GitHub y Atlassian, archivos adjuntos y conversaciones visibles para el equipo. Figma prevé llevar el agente a más superficies, entre ellas FigJam y Slides.
