Última actualización 06-25-2026
Categoría:
Reviews:
Join thousands of AI enthusiasts in the World of AI!
Figma Motion
Figma Motion añade una línea de tiempo de animación nativa al mismo lienzo de Figma donde ya trabajan tus componentes, variables y equipo. Los diseñadores cambian un marco a modo Motion para ajustar fotogramas clave de posición, escala, rotación y opacidad sin necesidad de exportar a una herramienta de movimiento separada.
Estilos de animación predefinidos como fade, move y scale ofrecen un punto de partida rápido, mientras que el agente de Figma puede construir fotogramas clave a partir de indicaciones. Los componentes animados y las variables de movimiento permiten a los equipos publicar sistemas de movimiento reutilizables que se actualizan en todos los archivos cuando cambian los modos.
Figma Motion está en beta abierta para equipos de diseño y desarrollo que desean entregas listas para producción. El Modo de Desarrollo expone toda la línea de tiempo, y los desarrolladores pueden copiar código CSS, JSON, React o motion.dev, o compartir contexto a través del servidor Figma MCP.
Posición, escala, rotación y opacidad del fotograma clave en la línea de tiempo del lienzo
El agente de Figma crea movimiento a partir de indicaciones directamente en la línea de tiempo
Los componentes animados mantienen el movimiento en cada archivo que los utiliza
Exporta fotogramas animados como MP4, GIF, SVG o WebM desde el archivo
El Modo Dev copia código CSS, JSON, React o animación de motion.dev
El movimiento reside en el mismo archivo que los componentes y variables, por lo que las revisiones se mantienen en contexto.
La entrega en modo desarrollador incluye temporización legible, suavizado y código de producción copiable.
Las variables de movimiento con modos actualizan las animaciones a lo largo de un archivo cuando se cambian.
Aún en beta abierta, por lo que se aplican límites de exportación en el plan Starter y algunas funciones estarán disponibles pronto.
La integración completa del sistema de diseño y el agente de movimiento requieren un plan Full de pago.
¿Está Figma Motion en beta?
Sí. Figma Motion está en beta abierta. Los usuarios Starter pueden acceder a motion con exportaciones limitadas, mientras que los usuarios con licencias completas en todos los planes pueden acceder a primitivas de motion y exportar. La integración completa del sistema de diseño y el agente de Figma para motion están disponibles en planes pagos.
¿Qué planes de Figma incluyen Figma Motion?
La beta de Figma Motion está disponible para licencias completas. La página de precios de Figma incluye la línea de tiempo de motion, la creación de sistemas de motion, la exportación de animaciones y la entrega en Dev Mode bajo las características de Figma Motion (Beta) vinculadas a planes con licencias completas.
¿Pueden los desarrolladores inspeccionar animaciones en Figma Motion?
Sí. En Dev Mode, los desarrolladores pueden abrir la pestaña Motion para inspeccionar la línea de tiempo completa, leer valores de temporización y curvas de easing, y copiar el código de animación en formatos CSS, JSON, React o motion.dev.
¿Figma Motion soporta animaciones de shaders?
Sí. El comunicado de lanzamiento de Figma indica que cada propiedad que un shader exponga puede ser animada mediante keyframes en la línea de tiempo de motion, ampliando las propiedades animables más allá de los atributos tradicionales de diseño.
¿Puedo exportar videos desde Figma Motion?
Sí. Figma Motion te permite seleccionar un marco animado y exportar MP4, GIF, SVG o WebM directamente desde el archivo para revisiones tempranas y compartir.
¿Está disponible la animación de transformaciones 3D en Figma Motion?
Las transformaciones 3D para rotar marcos, vectores y texto en el eje z están listadas como próximamente en la página del producto Figma Motion, con una lista de espera para unirse.