Scroll horizontal y vertical en Figma

[@DG000x]

que buen video, justo lo que uno necesita en poco tiempo

[@leyzercontreras4036]

Gracias pana✌🏼

[@mokkapp]

A ti! 😊

[@yoniervasquezmarin2319]

Muchas gracias por tu contenido. ¿Se puede tener disponible el scroll en modo presentación y también en modo diseño? es porque de la forma en la que lo tienes no se pueden agregar más cosas debajo de la lista de comidas, no son visibles en modo diseño. Estaré pendiente de tu respuesta

[@mokkapp]

Buenas! Si te refieres al frame “Menus” que contiene los menus, al reducir el espacio de altura para aplicar el scroll, el valor del vertical resizing pasa a ser fixed. Eso quiere decir, que si quieres ir añadiendo mas menus y verlos, debes aplicar al frame “Menus” el Auto-layout y pasar a Hug el vertical resizing, de ese modo lo visualizarás todo a medida que vayas añadiendo o quitando más elementos. Y luego ya lo vuelves a reducir manualmente para aplicar el scroll. Ya me dirás si es eso, si no, igualmente subiré el ejercicio a mi perfil de la comunidad de Figma. Saludos!!

[@arielmoreno2624]

hola Xavi como estas?! ...Xavi de tanto mirar Mokkapp tengo un "proyecto" y necesito saber si se puede hacer un scroll horizontal y al mismo tiempo un scroll vertical o al revés, sino se pudiera, que me aconsejas para hacer que algo suceda cuando hago, algún scroll? y quisiera que algo suceda. Espero haberme explicado?! desde ya muchísimas gracias🙏

[@mokkapp]

Hola Ariel, ¿Qué tal todo? Respecto a lo que comentas sobre los dos scroll, sí, es posible hacerlo en Figma. Tienes las opciones Horizontal, Vertical y Both directions. Sin embargo, es importante tener en cuenta cómo deseas implementarlo en relación con los Overflow y los ejes X e Y. Si alineas una lista horizontal dentro de otra vertical mediante Auto-layout, puedes crear dos scroll separados, pero no funcionarán a la vez. Sin embargo, si deseas un scroll único, similar al que se experimenta en el Canvas de Figma, donde te desplazas libremente y se muestran partes ocultas, debes utilizar la opción Both directions y asegurarte de que existan elementos ocultos en los ejes X e Y. Espero haber respondido bien a tu pregunta, en todo caso, ya me dirás. Un saludo!

[@arielmoreno2624]

@@mokkapp Gracias por tu tiempo, Xavi! ... y si ,claro que si, me funciono, acabo de hacer una pequeña prueba y los dos scroll funcionan como yo quería, diseñar ese wireframe 📱 Un saludo cordial en nombre de todos lo que estamos aprendiendo en Mokkapp👏

[@mikelsalvadorgarcia5034]

Esee jefazo

[@afs.7.1]

Hola! consulta, el auto layout debe estar si o si? Ya uqe tengo hecho el componente con los elementos scroleables, reduzco el tamaño y todo pero los elementos se me scrolean en todo el frame y no solo en esa seccion en la que esta el componente

[@mokkapp]

Hola! en principio si, debes crear un frame que agrupe a todos los elementos. El frame hace posible aplicarle ciertas características y funcionalidades a tus diseños, como por ejemplo activar el "clip content" ahí es cuando podrás determinar el tamaño totat que quieres mostrar y si se esconde algún elemento poder aplicar el Scrolling horizontal o vertical. Un saludo!