Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Medidas

Como nós, que não temos o figma dev conseguimos ver as medidas para que possamos aplicar ao padding, margin etc? Desde o curso principiante de html, vejo que a raffa e agora a Moni usam o ctrl para ver algumas medidas que não constam lá, então queria saber como nós conseguimos visualizar essas propriedades no figma ou se há alguma outra forma, obrigado!

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta
solução!

Olá, Fábio! O Figma Dev agora é um recurso premium, para usar, você precisa assinar, mas as propriedades que usamos com frequência, como o padding, margin, heigth e etc, podemos acessar na navegação superior direita em "Propeties", assim que selecionar o elemento que deseja saber as propriedades usadas. Por exemplo: aqui eu selecionei o botão "Saiba mais" com dois clicks e as propriedades estão sendo exibidas na barra lateral.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Sobre o distanciamento entre os elementos, você pode selecionar um e, pressionando a tecla "Alt", arraste o mouse até o outro elemento que deseja saber a distância (em px) sem clicar, automaticamente o valor já será mostrado. Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Outra forma de obter mais informações das propriedades usadas é clicando com o botão direito do mouse sobre o elemento desejado, selecione "Copy as", depois "Copy as code" e "CSS" ou "CSS (all layers)", depois pode colar em algum editor de texto ou na própria IDE para visualizar as informações.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Espero ter ajudado, bons estudos!