Teclas de Atalho do Figma

Atenção, este guia não funciona por si só… é necessário que você explore cada ferramenta aqui entrando em seu Figma, praticando e testando cada ferramenta.

É na prática que você vai decorar as teclas de atalho e vai criar cada vez mais rápido de melhor.

Barra de ferramentas padrão

1. Menu principal
2. Ferramenta de Seleção/Escala
3. Ferramenta Quadro/Prancheta/Fatia
4. Ferramentas de formas básicas
5. Ferramenta Caneta/Lápis
6. Ferramenta de Texto
7. Ferramenta de Movimentação
8. Ferramenta de Comentários

Toda vez que você ver essa seta para baixo ao lado de um ícone, significa que há mais ferramentas e opções dentro daquela categoria para você escolher.

Ações Rápidas

Ctrl / (no Windows)                        ⌘ / (no Mac)

O menu de ações rápidas te ajuda a encontrar facilmente comandos, plugins, elementos, ligar e desligar funções no seu documento no Figma.

Ex: Inicie os comandos rápidos e digite “Snap”. Você verá os 3 tipos de ajustes na hora de usar (ou não usar) quando estiver criando.

Ferramenta de Seleção

V

Ferramenta que serve para selecionar, mover, manipular e transformar os objetos e elementos no seu palco de criação.

Ferramenta de Escala

K

Ferramenta que serve para aumentar ou diminuir os objetos de forma proporcional (largura e altura igualmente na proporção).

Ferramenta de Quadro/Prancheta

F

Ferramenta que serve criar os seus quadros / pranchetas onde ficarão os seus layouts. Não há limite de quantos quadros / pranchetas você pode criar no seu documento de Figma.

Dica: Cuidado pra não deixar nada de fora das pranchetas. Se for exportar um quadro e tiver algum elemento fora dele, este elemento não vai aparecer no seu arquivo exportado. No exemplo acima parece que o grupo MED MKT FINAL está na Prancheta mas se olharmos as camadas, ele não está dentro do Quadro.

Ferramenta de Fatia

S

Ferramenta que serve para fatiar os layouts e exportar as fatias em separado. Muito usado para os carrosséis e para o web design onde precisamos das imagens e ícones em arquivos separados.

Ferramenta Forma de Retângulo

R

Ferramenta que serve para criar formas quadradas e retangulares.

Ferramenta Forma de Linha

L

Ferramenta que serve para criar linhas retas.

Ferramenta Forma de Seta

Shift L

Ferramenta que serve para criar setas retas.

Ferramenta Forma de Elipse

O

Ferramenta que serve para criar formas circulares e ovais.

Ferramenta Forma de Polígono

Sem tecla de atalho

Ferramenta que serve para criar formas poligonais começando pelo Triângulo. Quando criado, na barra lateral direita de propriedades você consegue aumentar o número de lados que seu polígono terá:

Ferramenta Forma Estrela

Sem tecla de atalho

Ferramenta que serve para criar formas pontiagudas como estrelas e outros polígonos que têm pontas. Você consegue aumentar o número de pontas da mesma forma que a ferramenta forma de polígono.

Ferramenta Inserir Imagem

Shift Ctrl K (no Windows)                Shift Command K (no Mac)

Ferramenta que serve para adicionar imagens do computador no Quadro / Prancheta.

Ferramenta Caneta

P

Ferramenta que serve para desenhar vetores com cliques do mouse. Desenhe formas abertas e fechadas e também use-a para adicionar e remover pontos/nós vetoriais.

Para adicionar pontos, basta escolher a caneta, ir no segmento que quer adicionar o ponto e clicar com a caneta. Você verá um “mais” (+) na caneta assim:

Dica: ao clicar para adicionar pontos a caneta entenderá que você ainda quer continuar a desenhar. Se quiser interromper o desenho, basta apertar a tecla ESC do seu teclado.

Para excluir pontos, NÃO é o botão delete que você aperta. Com a ferramenta caneta selecionada, segure o Alt (no Windows) Option (no Mac) e clique no ponto que quer remover. A caneta ficará com um sinal de menos (-) assim:

Ferramenta Lápis

Shift P

Ferramenta que serve para desenhar livremente na sua prancheta.

Ferramenta Texto

T

Ferramenta que serve para criar textos no seu Layout.

Dica: Use a ferramenta Escala (K) para aumentar e diminuir o texto. Se tentar com a ferramenta de seleção (V) você só vai conseguir manipular a caixa de texto, não o tamanho dele.

Ferramenta de Movimentação

Barra de espaço

Pressione essa ferramenta para movimentar a sua visualização entre as pranchetas e o layout.

Dica: Esqueça as a barra lateral e inferior de movimentação. Ganhe 10x mais tempo treinando a ferramenta mão para movimentar o que o seu olho verá com mais facilidade. Use ainda as teclas + e – para dar mais e menos zoom. Acostume-se 🙂

Ferramenta Comentário

C

Ferramenta que serve para deixar comentários no seu layout. Geralmente usado quando você quer deixar alguma nota de alteração, ideia ou para outras pessoas que acessam o seu arquivo poderem fazer o mesmo.

Dicas finais extras

• Shift 0 = Ajusta o zoom para caber uma parte da tela
• Shift 1 = Ajusta o zoom para caber todas as suas pranchetas na tela
• Shift 2 = Só funciona quando você seleciona alguma coisa do documento e ajusta o zoom para caber o que você selecionou
• Tecla Z = Quando pressionada você verá uma lupa. Clique e arraste na área em que quer dar mais zoom
• Shift R = Liga e desliga as réguas e guias
• Duplicação rápida = Segure o Alt/Option, clique e arraste algum objeto ou elemento que deseja duplicar rapidamente para onde o seu mouse for arrastado.
• Shift H = Inverte a seleção Horizontalmente
• Shift V = Inverte a seleção Verticalmente
• Shift X = Inverte o contorno e o preenchimento da forma
• Dois cliques no vetor = Entra em modo de edição. Dois cliques fora do vetor, encerra o modo de edição.