1
resposta

Botão de variáveis

Oie! Nessa aula de variáveis, percebi que o figma mudou o local das variáveis para a barra da esquerda. Porém, ao repassar a parte da aula sobre o boolean, não consegui selecionar meus elementos e aplicar as variáveis, pq se tento clicar na barra da esquerda ele muda de página !

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

1 resposta

Olá, Paula. Como vai?

Muito bem observado! O Figma passa por atualizações constantes em sua interface e isso pode causar uma certa confusão quando tentamos acompanhar as aulas. Esse comportamento de "mudar de página" que você descreveu é o sinal exato de onde está acontecendo a confusão no clique.

Vamos entender o que mudou na ferramenta e como você pode aplicar a sua variável booleana no elemento correto sem trocar de página.


O que mudou na interface do Figma?

O painel que você compartilhou na imagem mostra a seção Page e as configurações locais do arquivo (como a cor de fundo da sua folha de desenho, que está em #F5F5F5).

Quando você clica nessa região sem nenhum elemento selecionado, o Figma entende que você quer gerenciar a estrutura geral do arquivo (como mudar de página ou criar novos estilos globais). Para aplicar uma variável booleana de visibilidade a um componente, o caminho é um pouco diferente:

  1. Selecione o objeto na tela: Primeiro, clique diretamente no elemento que você quer ocultar ou exibir (pode ser um botão, um ícone ou um card).
  2. Olhe para a barra da DIREITA: Quando um objeto está selecionado, o menu do lado direito muda completamente para exibir as propriedades daquele item específico (como tamanho, posição e preenchimento).
  3. Aplique a variável no ícone do "Olho": Vá até a seção chamada Layer (Camada) no painel da direita. Ao passar o mouse por cima do ícone do olho (que serve para ocultar/exibir o elemento), clique com o botão direito do mouse (ou clique no pequeno ícone de engrenagem/variável que aparece ao lado dele).
  4. Escolha a sua variável: Uma lista com as suas variáveis booleanas cadastradas vai aparecer. Basta selecionar a variável desejada.

Onde ficam as variáveis agora?

Para abrir o painel geral e gerenciar, criar ou editar o valor das suas variáveis de texto, número ou booleano, o Figma realmente moveu o acesso para o menu superior ou para as configurações locais.

  • Se você estiver com a tela limpa (sem selecionar nada), procure pelo botão de Local Variables (geralmente representado por um ícone de tabela ou controle) no painel da direita para abrir a janela flutuante de criação.
  • Depois de criadas lá dentro, a aplicação delas nos objetos sempre acontecerá pelo painel da direita, conectando cada variável à propriedade correspondente do elemento selecionado.

Faça esse teste: clique primeiro no seu elemento na tela e depois procure a seção Layer no lado direito. Você vai conseguir aplicar o seu booleano perfeitamente sem que o Figma mude você de página!

Espero que possa ter lhe ajudado!