1
resposta

[Dúvida] Layout responsivo

Oie, quando configuramos auto-layout para ser responsivo igual das aulas, que se adapta ao tamanho e etc, conseguimos reduzi-lo até o tamanho de uma tela de celular? Ele consegue ser responsivo até esse ponto?

1 resposta

Olá, Luana! Tudo bem?

Agradeço por compartilhar sua dúvida no fórum.

Sim, o Auto Layout do Figma consegue sim se adaptar até o tamanho de uma tela de celular — mas isso depende de como ele foi configurado.

Para que funcione bem em tamanhos menores, é importante observar alguns pontos:

  • Os elementos internos precisam estar com Resizing configurado corretamente (por exemplo: Fill container ou Hug contents).
  • O frame principal deve permitir redimensionamento manual.
  • É importante definir constraints e alinhamentos coerentes, para que os elementos não quebrem ou sobreponham ao diminuir a largura.

No entanto, o Auto Layout não “transforma automaticamente” um layout desktop em mobile. Ele se adapta proporcionalmente, mas se o design tiver muitos elementos em linha (horizontal), por exemplo, pode ser necessário reorganizar para uma estrutura mais vertical pensando em mobile.

Na prática, o ideal é testar reduzindo o frame manualmente até larguras comuns de mobile (como 375px) e observar o comportamento. Se começar a quebrar, pode ser necessário ajustar direção, espaçamentos ou regras de redimensionamento.

Então sim, ele pode ser responsivo até esse ponto — desde que a estrutura tenha sido pensada para isso.

Espero que eu tenha conseguido te ajudar.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos! ✨