¿Qué es y por qué es importante el AutoLayout?

Clase 6 de 20 • Curso de Figma Avanzado

Clase anteriorSiguiente clase

Paolo Carrion

student•

Si eres Frontend Developer, entiende al Autolayout como el Flexbox de Figma.

Julio César DG

student•

Excelente interpretación amigo

Noelieth Mariana Lanza Longart

student•

Exactamente eso es 🙌

Guzman Geraldine

student•

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).

Guzman Geraldine

student•

https://www.figma.com/community/file/1003464019423683992

Duplican el documento

Carlos Martínez

student•

Súper que pila, gracias por el aporte

Jorge Torres

student•

No sè quien hizo la guìa, pero Dios lo bendiga por esa cosa tan buena, algo así necesitaba.

JD Albarran

student•

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

Diego Perdomo

student•

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.

Jimena Haran

student•

Buenísimo, gracias

Jeisson Espinosa

student•

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

Luisa Perez

student•

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?

Yusting Andrés Mora González

student•

Disculpa, no entendí tu pregunta, ¿Podrías formularla mejor?

Sebastian Garzon

student•

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

Pedro Isaac Aguilar

student•

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.

Iván Manuel Bánó Arango

student•

Cuál es el padding ideal para un botón?