A cor é uma parte fundamental do web design que dá vida à sua página e aplicativos móveis! Figma é uma ferramenta criativa incrível, mas seu esquema de cores padrão deixa muito a desejar. Felizmente, existem muitas maneiras de aproveitar ao máximo as cores do Figma. Você pode personalizar quase tudo, até mesmo as cores de fundo!
Neste artigo, mostrarei como alterar a cor de fundo da tela, botões e outros componentes do Figma. Você também aprenderá como criar suas próprias cores. Comecemos!
Como mudar a cor de fundo
Dependendo se você escolheu o tema “claro” ou “escuro”, a cor de fundo do seu espaço de trabalho será cinza claro ou preto escuro. Alterar a cor de fundo não afetará o tema, mas alterará o esquema de cores da página atual. Todas as novas páginas terão a cor de fundo da página atual, não o tema.
Com isso em mente, vamos ver como mudar a cor de fundo:
- Abra um novo espaço de trabalho.
- Na barra de ferramentas à direita, selecione a seção “Fundo”.
- Use o seletor de cores para alterar a cor de fundo.
- Se você quiser adicionar regras ao seu plano de fundo, pressione “Shift + R” para ativá-las.
Como mudar a cor de fundo usando o protótipo
A prototipagem permite visualizar a aparência do seu projeto em um dispositivo no visualizador de apresentações. Algumas configurações de modelo de dispositivo possuem diferentes escalas de cores, por isso é importante escolher o modelo certo para suas necessidades.
Para selecionar o dispositivo e alterar a cor de fundo no protótipo, siga estas etapas:
- Limpe suas seleções na tela.
- Vá para o menu “Protótipo” na barra lateral direita.
- Selecione seu dispositivo e modelo preferidos. A caixa de visualização mostrará como ficará na tela.
- Na seção “Fundo”, selecione a cor de fundo desejada. A cor aparecerá atrás do dispositivo na caixa de visualização.
Como criar conjuntos de cores personalizados no Figma
Quando você está trabalhando em um projeto, a última coisa que quer fazer é perder tempo. Felizmente, o Figma possui um recurso útil que permite criar conjuntos de cores personalizados. Essas cores também podem ser aplicadas a planos de fundo, para que você possa alterar as cores rapidamente sem passar pela roda de cores. Isso economiza tempo redefinindo a cor todas as vezes!
Siga estas etapas para criar conjuntos de cores personalizados no Figma:
- Crie uma nova forma em sua tela.
- Selecione a forma e vá para a seção “Preencher” na barra lateral.
- Clique na caixa de cores e crie a cor que deseja usar na janela pop-up.
- À direita da seção “Preencher”, você verá um símbolo com quatro pontos. Clique nele para ativar “Estilos de cores”.
- No canto direito do modal, clique no símbolo “+”. Repita essas etapas para todas as outras cores que deseja criar.
- Para usar sua cor personalizada, selecione a camada que deseja colorir e vá para a seção “Preenchimento”.
- Clique nos quatro pontos à direita.
Uma tela cheia de cores
Com tantas opções de personalização disponíveis, o Figma tem todas as combinações de cores que você precisa para criar designs da web atraentes. Você pode até criar suas próprias cores, dando-lhe infinitas opções à sua disposição. Esses métodos mostram como aproveitar ao máximo a ampla paleta de cores e aplicações do Figma. Em pouco tempo, você estará criando projetos dignos de exposições de arte no Figma.
Você já tentou mudar a cor de fundo no Figma? Você já usou algum dos métodos apresentados neste artigo? Deixe-nos saber na seção de comentários!
