5
respostas

[Dúvida] Não encontro a ABA PROPERTIES

Não consigo encontrar a ABA PROPERTIES no Figma para acompanhar as aulas e a resolução das atividades. Poderiam me auxiliar, por gentileza? Obrigada

Figma

5 respostas

Olá, Anelise. Tudo bem?

O Figma está em constante mudança, podem ter acontecido atualizações no layout desde o momento da gravação da aula até hoje. Para poder te ajudar melhor, você pode me enviar o link da aula em que você está? Não do curso em si, mas da exata aula onde você precisa de suporte, assim eu posso tentar fazer um passo a passo melhor elaborado para que você possa seguir com a formação.

Fico no aguardo e a disposição

Boa tarde, tudo sim e você??

Esse é o link de outra aula mas com a mesma questão: https://cursos.alura.com.br/course/html-css-praticando-html-css/task/103163. Nessa aula, preciso encontrar a aba Inspect para poder verificar as informações de fonte, porém, também só aparecem as abas Design e Prototype.

Obrigada!!!

Olá, Anelise.

Com relação a aba Inspect, isso realmente foi uma alteração no layout do Figma. Fizeram um "redesign" na plataforma e muitas coisas mudaram, a aba Inspect por exemplo, agora é um recurso do Dev Mode que só é acessível a partir do plano pago, mas na aba Design você pode encontrar muitas informações relevantes para o projeto. As informações referentes a fonte, por exemplo, você encontra na aba Typography e essa é habilitada quando um elemento de texto é selecionado.

Design de um site promocional com serviço de assinatura, apresentando cursos e opções de assinatura com visuais vibrantes e um design amigável

Na imagem acima, por exemplo, você pode ver que a fonte é Inter, o peso é Bold, o tamanho é 28px e o alinhamento é centralizado. Reforço que em caso de dúvidas, estamos disponiveis no fórum para te ajudar.

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

Obrigada pelo retorno :)

Nesse mesmo aspecto, fiquei com dúvidas sobre onde encontrar essas descrições:

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

O vídeo se encontra nessa aula: https://cursos.alura.com.br/course/html-css-responsividade-mobile-first/task/106828

No meu figma aparece assim: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Obrigada!!!

Olá, Anelise.

Nesse trecho, alguma informações surgem ao selecionar a fonte.

  1. Ali na aba de Layout você consegue ver as informações de largura W e altura H.
  2. Em Typography, você encontrar as informações da fonte:
  • Font-family: Poppins
  • Font-weigth: Regular (400)
  • Font-size: 16

Outras informações mais precisas como o Flex, são as que estão no DevMode. Mas você encontra o código pra acompanhamento na transcrição das aulas, ou também pelo repositório do curso.

No caso, o código pro gradiente é esse: linear-gradient(97.54deg, #002F52 35.49%, #326589 165.37%);

Captura de tela de uma interface de design mostrando um menu suspenso com "PROGRAMAÇÃO" selecionado e configurações de texto no painel direito

Fico a disposição caso tenha outra dúvidas