Ir al contenido principal

Entradas

Mostrando entradas de junio, 2021

Horizontal Scrolling

  A  continuacion te explico como lograr un scrolling horizontal en figma. Para este ejemplo yo voy a replicar el diseño de instagram. ⇒ Paso 1: Vas a crear los siguintes componentes, en mi caso cree dos, como se ve a continuacion:  ⇒ Paso 2: Duplica tus componetes y colocalos en donde tu gustes, en micaso lo coloque de esta manera, como se ve en la captura. ⇒ Paso 3: Muy bien, ahora el siguiente paso es agrupar los componentes duplicados como se ve a continuacion los vas a selecionar Ahora clic derecho y nos va a desplegar lo siguiente, y vamos a selecionar  group selection : ⇒ Paso 4: Muy bien, ahora el siguiente es seleccionar el segundo componente como se ve a continuación y copiar y pegar 4 veces. Te va a quedar de la siguiente forma: Ahora solo hay que cambiar las fotos por una diferentes y los nombres como se muestra en la captura. ⇒ Paso 5: Vas a seleccionar todos los componente como se ve en la captura. Clic derecho y selecciona frame selection. ⇒ Paso 6:...