¿Qué es y por qué es importante el AutoLayout?
Clase 6 de 19 • Curso de Figma Avanzado
Contenido del curso
Paolo Carrion
student•
hace 4 años
Julio César DG
student•
hace 4 años
Noelieth Mariana Lanza Longart
student•
hace 4 años
Clase 6 de 19 • Curso de Figma Avanzado
Contenido del curso
Paolo Carrion
Julio César DG
Noelieth Mariana Lanza Longart
Guzman Geraldine
Guzman Geraldine
Carlos Martínez
Jorge Torres
Jose David Albarran Velasquez
Diego Perdomo
Jimena Haran
Jeisson Espinosa
Luisa Perez
Yusting Andrés Mora González
Sebastian Garzon
Pedro Isaac Aguilar
Iván Manuel Bánó Arango
Daniel Jiménez Prestan
Jimena Haran
ronald alvarez
Jorge Salamanca
Hans Duque
Si eres Frontend Developer, entiende al Autolayout como el Flexbox de Figma.
Excelente interpretación amigo
Exactamente eso es 🙌
El auto layout sirve para que el texto se ajuste en función del contenido (puede ser únicamente un rectángulo o puede ser texto imagen y otros).
Se puede configurarar alineación y Padding (es el espacio de un contenido).
https://www.figma.com/community/file/1003464019423683992
Duplican el documento
Súper que pila, gracias por el aporte
No sè quien hizo la guìa, pero Dios lo bendiga por esa cosa tan buena, algo así necesitaba.
Los auto-layouts te permiten crear marcos y componentes flexibles y dinámicos. Puedes crear botones, tarjetas y otros elementos de la interfaz que cambian de tamaño automáticamente a medida que cambia su texto, así como menús y listas que pueden reordenarse rápidamente. Puedes diseñar elementos para que funcionen en múltiples dispositivos con contenido que sean responsive
Un uso que le pueden dar al AutoLayout es para crear patrones de diseño de carrousel. Les dejo un ejemplo abajo para los que no están familiarizados con el concepto: .
Cuando usamos este patrón de diseño es importante que se vea "incompleto" para indicarle al usuario que puede seguir avanzando hacia la derecha.
Buenísimo, gracias
Información resumida de esta clase #EstudiantesDePlatzi
El AutoLayout es la herramienta que más diferencia a figma de otras herramientas de diseño
El AutoLayout se ajusta al contenido y a sus propiedades
El documento que encontramos en la comunidad, hoy en día es mucho más extenso que el visto en la clase
Puedo modificar el espaciado de los elementos, es decir el padding
Puedo organizar los elementos de manera horizontal o vertical
Julio! Tengo una duda si creo estos autolayouts como components y los usare en otro archivo siempre tengo que detach el instance si quiero alargar el texto agregar un icono nuevo? y luego de que eso se hace se vuelve a crear un componente nuevo?
Disculpa, no entendí tu pregunta, ¿Podrías formularla mejor?
No, el autolayout nos permite dejar un ancho y sobre ese ancho el texto se ajustará, tienes que dejar muy bien estructurado main o componente padre
El AutoLayout nos permite hacer que un frame se adapte al contenido y a las propiedades que se definen a cada contenedor. Es una de las principales funcionalidades que ofrece Figma y en esto se destaca sobre sus competidores como Adobe XD y Sketch, los cuales no tienen esta misma funcionalidad.
Cuál es el padding ideal para un botón?
Wow, habrá otros playdrounds hechos por la comunidad? buenísimo para aprender
El mio ya no se ve así, no encuentro la sección automagical y ninguna parecida
Alinear el los contenidos en distancias exactas con auto layot
🚨 Hola. Unete a Figma Community https://t.me/figmaCommunity 🚨
Excelente clase! :)