Figma es una de las aplicaciones de diseño UI/UX más populares. Figma está basado en la web, por lo que puedes usarlo tanto si usas Windows como Mac. Simplemente abre tu navegador y luego relájate y diseña. Pero hoy no hablaremos de todo sobre Figma, sino más específicamente del desplazamiento vertical y horizontal.
Lo primero es lo primero, cree una nueva capa haciendo clic en Marco y elija el tipo de capa que desea crear. Me gustaría elegir el iPhone 11 Pro pero es una decisión personal. Sin más preámbulos comencemos.
crear capa
Crea 2 rectángulos. Haremos un desplazamiento horizontal que solíamos llamar control deslizante. Asegúrese de que ambos tengan forma dentro del marco.
crear rectángulo
Seleccione ambos rectángulos, haga clic derecho y seleccione la selección de marco
Selección de fotogramas para crear un grupo de desplazamiento horizontal.
Ajuste el marco al tamaño que se convierta en ancho de desplazamiento.
ajustar el tamaño del desplazamiento horizontal
Vaya a la pestaña de prototipo, cambie el comportamiento de desbordamiento a desplazamiento horizontal.
forma para desplazamiento horizontal
Se realiza el desplazamiento horizontal. Ahora podemos hacer lo mismo cuando creamos desplazamiento vertical. Sólo necesitamos cambiar el comportamiento de desbordamiento a desplazamiento vertical. Creemos una forma y un texto para el desplazamiento vertical como la imagen a continuación
Crea forma y texto, asegúrate de que todo esté dentro del marco.
Nuevamente, asegúrese de que toda la forma y el texto estén dentro del marco. A partir de aquí haz lo mismo. Agrupe todo y haga clic derecho y seleccione Selección de marco. Ajuste el tamaño y cambie el comportamiento de desbordamiento a desplazamiento vertical.
Ajustar el tamaño del desplazamiento vertical
Ahora todo listo. Podemos presentar todos los fotogramas que ya creamos haciendo clic en el botón de reproducción en la esquina superior derecha. Puede deslizarse hacia arriba y hacia la derecha. Aparecerá como se muestra a continuación.
Vista en vivo
Espero que sea útil :)