26. Fill e fit, explicado
Fala galera, tudo bem? Nessa aula, eu ensino como usar os recursos "fill" e "fit" no Framer, que também existem no Figma. O "fill" significa preencher e é usado para dividir espaço igualmente entre elementos, enquanto o "fit" funciona como um "abraço", ajustando automaticamente o tamanho de uma caixa ao conteúdo dela. Mostro um exemplo prático usando um site, trabalhando com stacks para entender como os blocos de texto e imagem se comportam. Faço ajustes no layout para otimizar o uso das margens e exploro como definir elementos como "fixed" para manter a altura ou largura, ou deixar como "fill" para que se adaptem ao espaço disponível na tela. Ao longo da aula, demonstro como esses conceitos funcionam na prática, ajustando textos e imagens para criar um layout organizado e responsivo. Espero que tenha ficado claro como aplicar o "fill" e "fit" e sua importância na estruturação de projetos visuais. Nos vemos na próxima aula!
Comentários
Fala galera, tudo bem? Nessa aula, eu ensino como usar os recursos "fill" e "fit" no Framer, que também existem no Figma. O "fill" significa preencher e é usado para dividir espaço igualmente entre elementos, enquanto o "fit" funciona como um "abraço", ajustando automaticamente o tamanho de uma caixa ao conteúdo dela. Mostro um exemplo prático usando um site, trabalhando com stacks para entender como os blocos de texto e imagem se comportam. Faço ajustes no layout para otimizar o uso das margens e exploro como definir elementos como "fixed" para manter a altura ou largura, ou deixar como "fill" para que se adaptem ao espaço disponível na tela. Ao longo da aula, demonstro como esses conceitos funcionam na prática, ajustando textos e imagens para criar um layout organizado e responsivo. Espero que tenha ficado claro como aplicar o "fill" e "fit" e sua importância na estruturação de projetos visuais. Nos vemos na próxima aula!
Comentários
Fala galera, tudo bem? Nessa aula, eu ensino como usar os recursos "fill" e "fit" no Framer, que também existem no Figma. O "fill" significa preencher e é usado para dividir espaço igualmente entre elementos, enquanto o "fit" funciona como um "abraço", ajustando automaticamente o tamanho de uma caixa ao conteúdo dela. Mostro um exemplo prático usando um site, trabalhando com stacks para entender como os blocos de texto e imagem se comportam. Faço ajustes no layout para otimizar o uso das margens e exploro como definir elementos como "fixed" para manter a altura ou largura, ou deixar como "fill" para que se adaptem ao espaço disponível na tela. Ao longo da aula, demonstro como esses conceitos funcionam na prática, ajustando textos e imagens para criar um layout organizado e responsivo. Espero que tenha ficado claro como aplicar o "fill" e "fit" e sua importância na estruturação de projetos visuais. Nos vemos na próxima aula!
Comentários

Nível Physis
Destravando

Nível Physis
Destravando

Nível Physis
Destravando
Especialistas

Henrique Sabino
Fundador da Harena
Mentor
Níveis
Hashtags
#Fill #Fit #Framer #Figma #Stacks

Olá 👋,
Em que posso ajudar?
Sugestões & Feedbacks