post

Mudando a Cor do Tema e Cor de Fundo da Tela no Figma

Publicado em: 16/05/2024 / Atualizado em: 16/05/2024

Categorias: BlogFigma

No Figma é possível mudar tanto a cor do tema, alternando entre Dark (tema escuro) e Light (tema claro), quanto mudar a cor de fundo da tela/artboard de cada projeto (neste caso você pode trocar para a cor que quiser).

Abaixo mostro como fazer isso em cada uma dessas opções.

1 – Alterando a cor do tema (Dark ou Light):

Para isso, na página inicial, vá até o canto superior esquerdo da tela, onde esta sua foto e nome, clique em cima do seu nome, no menu, selecione “Theme” e depois selecione o tema que deseja.

img 3
alterando cor do tema

Se você deixar como “System theme”, o Figma vai reconhecer as preferencias do seu computador. Se no seu computador esta definido para usar o tema escuro, todos os sites, incluindo o Figma, vão usar o tema escuro por padrão, mas se o seu computador estiver definido com o tema light, ele vai usar o light.

Eu deixo assim mesmo, para usar o do sistema, mas se você quiser usar um especifico para o Figma, é só selecionar o que deseja e pronto.

2 – Trocando o fundo da tela/artboard

No Figma também é possível trocar o fundo da tela, onde vai estar todos os nossos componentes de layout, para qualquer cor que quiser. Isso é útil principalmente quando precisa que o fundo tenha um contraste maior com o layout que esta criando. Como mostra a imagem abaixo:

img 2
mudando a cor de fundo da tela

Para isso, em sua tela, basta não selecionar nenhum objeto, que logo do lado direito, no menu de configurações de “Design”, vai aparecer a opção “Page”, e logo abaixo terá o seletor de cores.

Basta clicar no seletor de cores, selecionar a cor que desejar trocar e pronto!

Publicações recomendadas:


Inscreva-se em Nossa News:

Seja notificando sempre que tiver conteúdo novo disponível no meu canal do Youtube ou artigo no meu Blog.

Bruno Devs News


Link Curto para Compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/5244

ID de Referência: 5244

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato