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 - 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
-
-
-
-
-
-
-
(Bloqueado)
Crear un submenú4 min 26 s
-
(Bloqueado)
Punto de inicio y manejo de flujos en prototipos4 min 31 s
-
Mantener la posición de desplazo entre prototipos3 min 45 s
-
(Bloqueado)
Crear un modal o pop up4 min 7 s
-
(Bloqueado)
Animaciones, triggers y easing curves para efectos3 min 59 s
-
(Bloqueado)
Uso de Smart Animate para animación de capas5 min 2 s
-
(Bloqueado)
-
-