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

Como posso criar o dark mode se agora o figma cobra para criar uma variável adicional?

Eu vi que essa pergunta ja foi basicamente feita, mas nao compreendi a explicação. O professor diz que iremos trabalhar com o dark mode no nosso projeto, porém não há atualização na aula ensinando a fazer o darkmode de outro jeito.

Help!!!

1 resposta
solução!

Oi, Brisa, tudo bem?

Com a atualização do Figma, para inserirmos novos modos para uma mesma variável precisamos ter o plano "Professional", que é pago. Contudo, há uma opção para criarmos o modo de cores "Light" e "Dark" para aplicarmos em nossos projetos. Para isso precisaremos criar duas coleções de variáveis e podemos fazer isso da seguinte maneira:

  • Tendo criado o primeiro conjunto de cores para o modo light, você pode clicar no ícone "Open Variables" que fica ao lado da opção "Local Variables" dentro da aba "Design" na lateral direita da tela;
  • Em seguida, na barra lateral esquerda no canto superior, terá o nome da coleção seguido por três pontinhos, você deve clicar nos três pontinhos e selecionar a opção "Create Collection", feito isso, renomeie a sua coleção e escolha as cores que deseja para o modo Dark. Lembre-se de colocar os mesmos nomes das variáveis de cor para os dois modos;
  • Após definir as cores dos dois modos, basta você fazer a alteração manualmente.

É um trabalho um pouco mais manual do que o apresentado no curso, mas é uma alternativa que funcionará para criar os dois modos.

Gif mostrando como criar variáveis de cores no Figma

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!