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:
- 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).
- 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).
- 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).
- 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!