Aprenda A Usar A Posição Absoluta No Figma Para Criar Designs Incríveis
Aprenda a usar a posição absoluta no Figma para criar designs incríveis.
Publicado em 24 de agosto de 2023
Glossário
O que é a posição absoluta no Figma e como ela pode ser usada para criar designs incríveis?
A posição absoluta no Figma
A posição absoluta no Figma é uma funcionalidade que permite posicionar elementos de forma precisa em um design, independentemente do fluxo do layout. Ao contrário da posição relativa, em que os elementos são posicionados em relação ao seu contêiner pai, a posição absoluta permite que os elementos sejam colocados em qualquer lugar da tela, sem afetar o restante do layout.
Aprender a usar a posição absoluta no Figma pode abrir um mundo de possibilidades para criar designs incríveis. Com essa função, você pode criar sobreposições, menus suspensos, animações e muito mais. A chave para aproveitar ao máximo essa funcionalidade é entender como usá-la corretamente e de forma estratégica.
Aprenda passo a passo como utilizar a posição absoluta no Figma para dar vida aos seus designs.
Passo 1: Selecione o elemento que deseja posicionar absolutamente.
Pode ser um ícone, uma imagem, um botão ou qualquer outro elemento presente no seu design.
Passo 2: No painel de camadas, localize o elemento selecionado e clique com o botão direito do mouse.
No menu suspenso que aparece, selecione a opção “Definir posição absoluta”.
Passo 3: Após definir a posição absoluta, você pode mover o elemento livremente pela tela.
Basta clicar e arrastar para a posição desejada. Observe que outros elementos no layout não serão afetados por essa movimentação.
Passo 4: Ajuste o tamanho e as propriedades do elemento conforme necessário.
Você pode redimensioná-lo, alterar cores, estilos de fonte e demais atributos para alcançar o visual desejado.
Passo 5: Experimente diferentes combinações de elementos posicionados absolutamente para criar sobreposições, menus interativos ou até mesmo animações.
A posição absoluta permite que você crie designs únicos e personalizados, com total controle sobre a disposição dos elementos na tela.
Dicas e truques para aproveitar ao máximo a posição absoluta no Figma e criar designs únicos.
1. Combine a posição absoluta com a posição relativa: Uma das maneiras mais eficazes de usar a posição absoluta é combiná-la com a posição relativa. Ao definir um contêiner pai com posição relativa e elementos filhos com posição absoluta, você pode criar layouts complexos e responsivos.
2. Utilize a opção de alinhamento: O Figma oferece recursos de alinhamento que podem facilitar o posicionamento dos elementos absolutos. Experimente usar o alinhamento vertical e horizontal para garantir que seus elementos estejam perfeitamente alinhados na tela.
3. Crie animações: A posição absoluta pode ser usada em conjunto com as animações do Figma para criar efeitos visuais impressionantes. Explore as opções de animação disponíveis e experimente diferentes combinações de elementos posicionados absolutamente para dar vida ao seu design.
4. Use o recurso de prototipagem: O Figma possui uma poderosa ferramenta de prototipagem que permite criar interações entre diferentes telas e elementos. Aproveite a posição absoluta para criar protótipos interativos e testar a usabilidade do seu design.
Inspire-se com exemplos de designs incríveis criados utilizando a posição absoluta no Figma.
- Crie um menu suspenso: Use a posição absoluta para criar um menu suspenso elegante e funcional em seu design. Posicione os itens do menu de forma absoluta, permitindo que eles se sobreponham ao conteúdo principal quando ativados.
- Animações de transição: Utilize a posição absoluta em conjunto com as animações do Figma para criar transições suaves entre diferentes elementos. Por exemplo, crie um botão que se desloca suavemente para uma posição absoluta quando é clicado.
- Layouts responsivos: Combinar a posição absoluta com a posição relativa permite criar layouts responsivos e adaptáveis a diferentes tamanhos de tela. Experimente ajustar o posicionamento absoluto dos elementos com base no tamanho da tela para obter um design fluido.
Em resumo, aprender a usar a posição absoluta no Figma pode elevar o nível dos seus designs, permitindo a criação de layouts criativos e interativos. Experimente as dicas e truques mencionados neste artigo e inspire-se com exemplos de designs incríveis. Aprenda a usar a posição absoluta no Figma para criar designs incríveis e surpreenda-se com os resultados.
A Awari é a melhor plataforma para aprender sobre design no Brasil.
Aqui você encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu próximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.
Já pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? Clique aqui para se inscrever na Awari e começar a construir agora mesmo o próximo capítulo da sua carreira em dados.
Aprenda uma nova língua na maior escola de idioma do mundo!
Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa.
+ 400 mil alunos
Método validado
Aulas
Ao vivo e gravadas
+ 1000 horas
Duração dos cursos
Certificados
Reconhecido pelo mercado
Artigos Relacionados
Confira abaixo mais conteúdos sobre o tema
Requisitos do sistema para design 3D
Os requisitos do sistema para design 3D são as...
Design de UX: Como ele pode te ajudar a conquistar o sucesso
O Design de UX desempenha um papel fundamental no...
Tagline de Design de Experiência do Usuário: Como criar uma frase impactante para o seu projeto de UX
A tagline de design de experiência do usuário é...
