Figma

Figma é uma ferramenta gratuita de design gráfico muito utilizada, principalmente por profissionais de UI/UX, que também pode ser utilizada para criação de design para dashboards.

 

Conhecendo um pouco das funcionalidades do Figma:

# FRAME: é nossa “tela em branco”, ou seja, a delimitação de espaço do design que será criado.

Na seleção “social mídia” é possível escolher exemplos de frame compatíveis com o objetivo, como por exemplo, stories no instagram ou capa do linkedin.

É aconselhável utilizar “presentation – slide 16:9” ou “desktop tv” para criação de dashboards.

 

DESIGN: opções para alterar o design de sua criação:

·         Fill: é possível realizar o preenchimento sólido ou gradiente das formas. No campo hexadecimal é possível digitar o código da cor desejada;

·         Independent Corners: indicado para arredondar as pontas dos campos. Aconselhável utilizar tamanho 10 em cada ponta;

·         Text: Fontes recomendadas: Poppins e Mont Serrat. Aconselhável título tamanho 40 negrito e subtítulo tamanho 25 regular;

·         Stroke: Contorno/borda;

·         Effect: Efeito (sombra).

 

PLUGINS são funções que podemos instalar no Figma, ou seja, é como se fosse uma extensão da ferramenta.

Conhecendo alguns modelos de plugins:

·         IconScout: ícones;

·         Iconify: ícones;

·         Freepick: imagens;

·         Morph: efeitos especiais;

·         Storyset: ilustrações/personagens;

·         PixCut Background Remover: remove o fundo das imagens;

·         uiGradents: gradientes já prontos;

·         Color Palettes: paleta de cores.

 

ATALHOS importantes:

·         F: criar frame;

·         K: pressionar a tecla antes de ajustar a imagem para não perder as dimensões;

·         Ctrl + Shift + G: agrupar;

·         Ctrl + D: duplicar levando em consideração o espaçamento entre as imagens/cartões;

·         Ctrl + Alt + C: copia a formatação do cartão;

·         Shift + R: régua;

·         Shift + 2: zoom para o ajuste de tela;

 

Não é necessário salvar o seu modelo de trabalho no Figma pois todos os trabalhos ficam salvos na tela de projetos recentes.

Para exportar o modelo de dashboard utilize os formatos PNG, JPG ou SVG.