Config 2026: Figma Motion en beta, Weave en el lienzo, shaders generativos y vista previa de transformaciones 3D

Figma celebró este 24 de junio de 2026 su conferencia anual Config con un keynote de Dylan Field y una oleada de anuncios que convierten el lienzo en un espacio más expresivo: Motion con línea de tiempo nativa, integración de Weave, plugins generativos con shaders, mejoras de exportación y una vista previa de transformaciones 3D. El keynote completo está en YouTube; los clips que Figma publicó en X se reproducen aquí con el mismo reproductor del resto de noticias.

Figma Motion: el lienzo ahora tiene timeline

El anuncio estrella del día es Figma Motion: un nuevo modo junto a Design, Draw y Dev que añade una línea de tiempo de animación directamente en el archivo. Según el post oficial del blog, cualquier frame puede pasar a Motion mode para keyframear posición, escala, rotación y opacidad; apilar estilos de animación preset (fade, move, scale); y comentar momentos concretos en el tiempo.

Figma confirma que Motion está disponible ahora en beta abierta. Los usuarios Starter acceden con exportaciones limitadas; los asientos completos en todos los planes pueden usar primitivas de motion y exportar. La integración completa con design systems y el agente de Figma para motion quedan reservados a planes de pago. Anuncio en X: @figma — Motion available now in beta.

El blog destaca dos piezas de sistema que cambian el flujo de trabajo: componentes animados —la motion viaja con el componente como el fill o la tipografía— y variables de motion con modos que actualizan todas las animaciones referenciadas al cambiar de página. Los shaders amplían lo animable: cualquier propiedad expuesta por un shader puede keyframearse. Motion también es compatible con MCP, de modo que un agente de código recibe el contexto completo de la animación.

Weave llega al lienzo de diseño

Figma integra herramientas de Figma Weave —su producto creativo con IA— en el canvas principal. La demostración en vivo muestra cómo los flujos de Weave conviven con los frames de diseño en el mismo archivo, en la línea del post Connecting Figma and Weave.

Transformaciones 3D: vista previa en vivo

Figma adelantó 3D transforms nativos: rotar frames, vectores y texto en el eje Z con controles en el lienzo y vista previa en tiempo real. Cada transformación permanece editable y el resultado exporta a CSS y se conecta vía MCP —combinable con Motion para prototipos espaciales que antes exigían herramientas externas. El producto aún no está disponible; Figma abrió lista de espera desde el blog de Motion.

Plugins generativos y Shadersville

En una sesión en vivo con @rogie y @georgiarust3, Figma recorrió plugins generativos y un recorrido por Shadersville: efectos shader cuyas propiedades pueden animarse en la timeline de Motion. Es la respuesta directa a la limitación histórica de propiedades animables en Figma.

Exportar sin salir del flujo

Motion permite exportar frames animados como MP4, GIF, SVG o WEBM desde el propio archivo —útil para alinear stakeholders antes del handoff. El tono desenfadado del clip de Figma —«Screaming crying exporting»— resume el alivio de equipos que antes saltaban entre After Effects, Lottie y el lienzo para cerrar una animación.

Qué significa para diseño y desarrollo

Config 2026 empuja a Figma más allá del mockup estático. Motion reduce el handoff roto entre diseño y código; Weave acerca la generación con IA al archivo de producción; 3D transforms y shaders amplían el vocabulario visual sin plugins de terceros; y Dev Mode entrega CSS y motion.dev listos para implementar. Para equipos de producto, el mensaje es claro: la animación deja de ser un «extra» de última hora y pasa a formar parte del sistema de diseño desde el primer frame.

«Atomic design is now atomic motion design because I have keyframes on the canvas. It’s the last big piece in the interactive world.»