Noções básicas sobre camadas

Normalmente, você cria designs a partir de uma combinação de formas, texto e outras camadas. Você pode organizar suas camadas e empilhá-las umas sobre as outras, sem deixar de editá-las independentemente.

Esse cartão de um destino de viagem é composto de quatro camadas: o nome da cidade, a duração da viagem, o preço total e uma foto.

Ordem das camadas

A ordem das camadas determina como elas se sobrepõem na tela. Todas as camadas na parte superior do painel de camadas aparecem acima de todas as camadas abaixo delas no canvas.

Neste cartão de destino, as camadas nome da cidade, comprimento e preço aparecem na parte superior da foto. Isso ocorre porque essas camadas estão acima da camada de foto no painel de camadas.

Propriedades das camadas

Cada camada terá propriedades associadas a ela. As propriedades de uma camada fornecem informações básicas sobre ela, como suas coordenadas X e Y, sua posição no canvas ou suas dimensões, como largura e altura.

Outras propriedades controlam a aparência da camada, como sua cor, se ela tem borda (chamada de traçado no Figma) ou se tem algum efeito, como sombreamento ou borrar.

Você encontrará a maioria dessas propriedades na barra lateral direita. As propriedades que você pode ver dependerão do tipo de camada selecionado.

Se selecionarmos a camada de preço, que é uma camada de texto, podemos visualizar as propriedades de posição, layout, aparência, tipografia e preenchimento na barra lateral direita.