Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Eu vi e revi toda a aula/módulo de auto layout e simplesmente não entendo e, quando pratico, não funciona para mim. Eu estou desanimando do processo por conta dessa parte que estou há meses tentando entender como funciona e não faz sentido para mim. Tento fazer como o professor faz, mas não vai e, mesmo que vá, eu não entendo por que foi. Enfim, se alguém puder me esclarecer como funciona e puder me ajudar, agradeço.
Ei! Tudo bem, Lucas?
Compreendo perfeitamente. O auto layout é um dos recursos mais usados do Figma, e exige uma virada na nossa forma de pensar o design, o que costuma deixar o processo um pouco confuso e complicado no início. Não desanime, isso é super comum!
Para o auto layout fazer sentido, pense nele como uma caixa inteligente e elástica. Em vez de você desenhar um retângulo fixo e arrastar textos para dentro dele, você seleciona os elementos (como um título e um texto) e aperta Shift + A. A partir desse momento, o Figma cria uma "caixa" invisível ao redor deles que vai ditar as regras de espaçamento de forma automática.
Para destravar a sua prática no Figma, foque em entender três conceitos principais que controlam o comportamento das dimensões:
Hug Content (Abraçar Conteúdo): A caixa do auto layout fica coladinha no seu texto. Se o texto crescer, a caixa estica junto. Se o texto sumir, a caixa encolhe.
Fill Container (Preencher Contêiner): O elemento de dentro se estica para ocupar todo o espaço disponível da caixa de fora. É o que faz o seu card se adaptar quando você muda o tamanho da tela.
Fixed (Fixo): Você define um tamanho exato em pixels (ex: 400px) e ele não muda de jeito nenhum, ignorando o tamanho do texto que estiver lá dentro.
A maioria dos erros na hora de praticar acontece porque o texto está configurado como Fixed em vez de Fill Container ou Hug, impedindo que a mágica da automação aconteça.
Experimente fazer um sem o "compromisso com a aula" apenas para praticar livremente. Espero que te ajude!
Qualquer dúvida, estaremos por aqui!