Del curso: Figma avanzado

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.700 cursos impartidos por expertos del sector.

Animaciones, triggers y easing curves para efectos

Animaciones, triggers y easing curves para efectos - Tutorial de Figma

Del curso: Figma avanzado

Animaciones, triggers y easing curves para efectos

Una de las maneras en la que podemos crear prototipos un poco más realistas es el utilizar diferentes elementos de animación que mejoran un poco la experiencia de nuestro prototipo. Para lograr esto, podemos utilizar las diferentes opciones que nos encontramos dentro de los prototipos. Comencemos con el botón de nuestra empresa. Seleccionemos la conexión Animar y observemos en la sección de prototipo e interacción de detalles las opciones con las que contamos para animar. Navegamos a la parte de abajo, en donde encontramos diferentes opciones como instantáneo, disolver, animación inteligente, mover hacia adentro, mover hacia afuera, empujar y otras. En este caso utilizaremos la opción de mover hacia dentro. Podemos decidir si de derecha a izquierda, izquierda a derecha, arriba a abajo, abajo a arriba. En esta opción utilizaremos de derecha a izquierda. El tipo de animación puede ser hacia dentro, hacia fuera, veamos el ejemplo, agregando hasta dos segundos. Aquí podemos observar los…

Contenido