Animación automática

Los movimientos y las animaciones de las experiencias de usuario se pueden realizar de una forma muy sencilla.

Disponible en macOS y Windows

Crea animaciones mientras diseñas

Introduce el movimiento mientras iteras con la opción de animación automática. Añade efectos de movimiento, interacciones divertidas, información visual y transiciones fluidas de forma sencilla, sin tener que escribir código ni utilizar varias herramientas. Sáltate la curva de aprendizaje y crea animaciones como un profesional con un solo clic.

Flujos de usuarios sencillos: como debe ser

Arrastra los cables para conectar las mesas de trabajo y deja que la opción de animación automática se encargue de las transiciones.

Movimiento e interactividad modernos

Emparéjalas con los estados de los componentes y añade interacciones como colocar y alternar, desplazarse y deslizar, deslizar para actualizar, etc.

Satisfaz a los usuarios en todas las pantallas

Capta su atención con atractivos iconos animados, secuencias de carga y guías de iniciación.

Cómo funciona

1

Arrastra un cable para conectar dos mesas de trabajo.

También puedes aplicar una transición entre un componente y un estado de componente, como colocar o alternar.

Selecciona “Animación automática” como acción.

Ajústala y haz la transición a tu gusto. También puedes seleccionar un desencadenante, como tocar o arrastrar, o incluso el tiempo.

Echa un vistazo a la vista previa de tu prototipo.

Echa un vistazo a la vista previa de tu prototipo. Haz clic en el icono de reproducción para obtener una vista previa de tu prototipo. Desencadena la transición y observa la forma en la que tu animación cobra vida.

Repasa, analiza y obtén más información

Consigue los consejos, las herramientas y los tutoriales gratuitos que necesitas para dominar XD.

¿Todo listo para empezar?

Descarga el plan básico gratuito de Adobe XD. Disponible en macOS y Windows.