Figma é um dos aplicativos de design mais populares para edição de gráficos. O fato de ser gratuito e de poder ser usado de várias maneiras diferentes são duas das coisas pelas quais as pessoas o conhecem. Dividimos os recursos mais importantes do Figma e mostramos alguns dos melhores atalhos do Figma que ajudarão você a usá-lo com mais eficiência.
Índice
O Figma é um editor de gráficos vetoriais e uma ferramenta de protótipo que roda na nuvem e é configurado para projetar interfaces em conjunto e à distância. O software de interface do usuário tem tudo o que você precisa para cada etapa de um projeto de design, incluindo a capacidade de gerar código que pode ser exportado. Fizemos uma lista de atalhos para o Figma que facilitarão seu trabalho.
Melhores atalhos do Figma
Recursos de zoom mestre
Você não pode usar o Figma ou qualquer outro outro software para design de UI/UX sem saber como usar os atalhos de teclado do Zoom. Estes são os atalhos de teclado que você usará com mais frequência enquanto trabalha. Shift + 1 pode ser usado no Windows e no Mac para fazer com que as camadas caibam na tela. Shift + 2 me permite ampliar o quadro selecionado, que é meu atalho de teclado mais usado porque me permite ver os detalhes da parte selecionada rapidamente. Shift + 0 me permite ampliar totalmente.
Copiar quadro como imagem PNG – sem exportar
Com este atalho, você pode copiar um único quadro como uma imagem PNG e colá-lo em qualquer lugar dentro ou fora de Figma. Você não precisa exportar um quadro para usá-lo em uma maquete, apresentação, e-mail ou outra documentação de design. Assim, você não terá muitas coisas em seu espaço de armazenamento. Para copiar como PNG, escolha qualquer elemento (quadro, imagem ou grupo) e pressione “Shift” + “Command” + “C” no Mac ou “Shift” + “Ctrl” + “C” no Windows.
Selecione a ferramenta Moldura
Ao criar várias placas de moldura para projetos de protótipos no Figma, a ferramenta Moldura é freqüentemente usada. Quando você pressiona F no teclado, a ferramenta aparece imediatamente, para que você possa desenhar ou alterar rapidamente o tamanho do seu quadro. Você pode desenhar a moldura clicando e arrastando o cursor ou pode escolher a ferramenta Moldura e digitar os tamanhos desejados nas caixas à direita do menu da moldura.
Mostrar/ocultar réguas e mostrar/hide layout grids
Não costumo usar réguas no Figma, mas se você quiser usá-las ao projetar uma interface de usuário, pode usar o atalho de teclado Shift + R em um PC ou Mac para mostrar ou ocultar governantes. Eu sempre uso Layout Grids. Ele permite organizar as diferentes partes, ícones e texto para que fiquem todos à mesma distância. Para mostrar ou ocultar grades de layout em um Mac, pressione Control + G no teclado.
Capacidade de ignorar o layout automático
O layout automático é ótimo, mas nem sempre é fácil de adicione um novo elemento a um grupo que usa layout automático. Antes de descobrirmos isso, desativamos o layout automático e colocamos o novo elemento onde queríamos. Mas agora há um truque: segure a barra de espaço. Se você pressionar a barra de espaço enquanto arrasta um elemento, ele irá acima do conjunto de layout automático e permanecerá lá. Esta pode não ser a melhor maneira de economizar tempo, mas ajuda.
Coloque várias fotos ao mesmo tempo
Se você fez um layout com formas prontas para conter suas imagens, pode ser irritante adicionar uma imagem de cada vez. Com esse atalho, você pode colocar mais de uma foto em qualquer lugar da prancheta clicando no espaço reservado ou em qualquer outro lugar da prancheta.
Usuários de Mac podem abrir a caixa de diálogo para encontrar suas imagens pressionando Cmd + Shift + K. No Windows, você pode localizar e colocar várias fotos em seu design Figma pressionando Ctrl + Shift + K. Isso é uma ótima maneira de economizar tempo no Figma se você criar um modelo mestre.
Ferramentas Caneta, mover e texto
O Figma tem uma ferramenta Caneta que é poderosa e flexível. Depois de brincar com ele por um tempo, você verá o que quero dizer. Você usará muito essas três ferramentas durante o processo de design. No Windows e no Mac, você sempre pode escolhê-los no menu superior ou usar as teclas P, V e T para alternar para as ferramentas Caneta, Mover e Texto, respectivamente.
Seleção de cores
Escolha um elemento para adicionar cor. Para fazer isso, você precisa escolher”preencher”. Usando as teclas de seta para cima (claro) e para baixo (escuro), você pode encontrar os tons de cor claros e escuros para a opção de preenchimento escolhida do elemento. Se você pressionar a tecla Shift, poderá ouvir a diferença de tom mais rapidamente.
Mover entre camadas e componentes
Ao trabalhar em um projeto de design com muitas camadas e peças, esses dois atalhos de teclado são muito úteis. Você pode ter que ir e voltar entre eles o tempo todo. Para acessar o painel de camadas, pressione Option + 1 em um Mac ou Alt + 1 em um laptop Windows. Em seguida, pressione Option+2 em um Mac ou Alt+2 em um computador com Windows para acessar o menu Componentes.
Corrija a altura da linha em segundos
Se a altura da linha parecer errada e você não tem um valor específico, digite “auto” no campo de altura da linha, exclua qualquer número que esteja lá e pressione enter. Ele se ajustará por mágica. Você pode pular a digitação de “auto” deixando o campo em branco e pressionando a tecla Enter no teclado. É ainda mais rápido!
Perguntas frequentes
Quais são alguns atalhos de teclado divertidos?
Ative o alto contraste. Shift + Alt + Imprimir Alternar entre janelas abertas. Alt + Tab Revisar janelas abertas e fechadas. Windows + Tab Excluir um arquivo sem confirmação. Shift + Delete Desligar o Windows. Windows + X, U, I/U/R/H/S
Você pode controlar F no Figma?
Localizar e substituir agora estão embutidos no Figma. Basta apertar Ctrl + F! Quando estiver em”Localizar”, pressione Enter para mover para o próximo resultado.
O que Ctrl J faz?
Ctrl+J faz com que o texto ou a linha que você escolheu caiba na tela. Ctrl+K adicionará um link. Ctrl+L coloca a linha ou o texto que você escolheu à esquerda da tela.
O que é F1 f2 f3 F4 f5 f6 f7 f8 f9 f10 f11 F12?
O F1 –As teclas F12 em um teclado de computador são chamadas de teclas de função ou teclas F. Cada uma dessas teclas possui uma função especial definida pelo sistema operacional ou pelo programa em execução no momento. Você pode usá-los com a tecla Alt ou Ctrl.