11 principais atalhos de teclado Figma para Windows e Mac
Miscelânea / / November 29, 2021
A Figma vem ganhando força no espaço de design. O software Sketch domina principalmente a indústria de design de UI / UX. Mas as últimas ofertas de Adobe (Adobe XD) e Figma com preços flexíveis, compartilhamento perfeito e disponibilidade de plataforma cruzada estão mudando a equação para os designers de UI / UX por aí.
A disponibilidade do Figma na Web, Windows e macOS, juntamente com seu excelente plano inicial (3 projetos e 2 editores), torna-o uma escolha ideal para projetar, prototipar e dominar as habilidades de design de IU. A empresa recentemente introduziu o tão aguardado suporte a Plugins para ele. Se você é novo no espaço de design de UI / UX e está começando sua jornada com o Figma, talvez queira memorizar vários atalhos de teclado essenciais do Figma para Windows e Mac.
Nesta postagem, iremos cobrir os onze melhores atalhos de teclado do Figma que você pode usar em um PC com Windows e Mac. Vamos começar.
Visite Figma
1. Capacidades principais de zoom
Você não pode usar o Figma ou qualquer software de design UI / UX sem dominar os atalhos de teclado do Zoom. Esses serão os atalhos de teclado mais usados durante o seu fluxo de trabalho.
Para Windows e Mac, você pode usar Shift + 1 para ajustar as camadas à tela. Shift + 2 para ampliar o quadro selecionado (meu atalho de teclado mais usado, pois permite ver rapidamente os detalhes do componente selecionado) e Shift + 0 para ampliar 100%.
2. Mostrar / ocultar réguas e mostrar / ocultar grades de layout
Eu geralmente não uso réguas no Figma, mas se você está planejando usá-las durante o design da IU, então você pode usar o atalho de teclado Shift + R no PC ou Mac para mostrar / ocultar as réguas.
Eu uso Layout Grids o tempo todo. Permite organizar os componentes, ícones com a mesma distância, permite organizar o texto e outros elementos. Use o atalho de teclado Control + G no Mac para mostrar / ocultar grades de layout.
Também em Tecnologia de Orientação
3. Ferramenta Caneta, Mover e Texto
Figma oferece uma ferramenta Caneta poderosa e personalizável. Você entenderá o que quero dizer depois de brincar com ele por alguns minutos. Durante o fluxo de trabalho de design, você usará muito essas três ferramentas.
Você sempre pode escolhê-los no menu superior ou usar a tecla P para a ferramenta Caneta, V para Mover e T para Texto no Windows e Mac.
4. Mover-se entre camadas e componentes
Esses dois atalhos de teclado são bastante úteis quando você está trabalhando em um projeto de design com muitas camadas e componentes. Você pode precisar mover-se entre eles constantemente. Você pode usar Option + 1 para Mac ou Alt + 1 para Windows para mover para o painel de camadas. Em seguida, use Option + 2 para Mac ou Alt + 2 para Windows para ir para o menu Componentes.
5. Abrir o seletor de cores
Esta função é útil quando você deseja extrair cor de uma imagem ou ícone ou de qualquer outro componente. Você pode usar o atalho de teclado 'I' no Mac ou Windows para abrir o seletor de cores. Passe o seletor de cores sobre uma imagem ou ícone e copie o código de cor do selecionador de cores cardápio.
6. Copiar / colar o estilo atual
Este é um verdadeiro economizador de tempo. Quer copiar rapidamente a cor / design atual de um componente para outro texto ou ícone? Você pode selecionar o elemento atual e usar Option + Command + C para Mac ou Ctrl + Shift + C para Windows para copiar seu estilo. Agora selecione o outro elemento e use Option + Command + V para Mac ou Ctrl + Shift + V para Windows para colar o estilo.
7. Seleção de Grupo / Desagrupar
Agrupar e desagrupar são uma das partes mais importantes de qualquer software de design. Depois de adicionar formas, ícones, texto, você pode querer agrupá-los para movê-los ou modificá-los facilmente. Você pode selecionar os elementos e usar Command + G para Mac ou Ctrl + G para Windows para criar um grupo.
Para desagrupá-los, use Command + Shift + G para Mac ou Ctrl + Shift + G para Windows.
Também em Tecnologia de Orientação
8. Alternar bloqueio e desbloqueio
Quando você está criando um design com muitas camadas e componentes, a tela do Figma pode ficar bastante ocupada para você. Nessas situações, você não deseja mover nenhum ícone, texto ou componente acidentalmente. Nesses casos, você pode selecionar o elemento e usar Command + Shift + L para Mac ou Ctrl + Shift + L para Windows para bloqueá-los.
É representado por um pequeno ícone de cadeado no menu Camadas. Para desbloquear, use o mesmo atalho de teclado.
9. Criar componentes
Os componentes são o coração e a alma da experiência Figma. Você pode querer reutilizar os mesmos elementos em toda a IU de design. Alguns exemplos podem ser um menu de hambúrguer, menu da barra inferior, botões etc., que você deseja reutilizar em outras telas.
Você pode agrupar os ícones e o texto usando a ferramenta Grupo e, em seguida, usar Option + Command + K para Mac ou Ctrl + Alt + K para Windows para criar um componente. Agora, acesse-os a partir do menu Componentes (verificação # 4).
10. Mostrar Biblioteca da Equipe
Você sabia que Figma também é conhecido como o Google Docs da indústria do design? O software vem com opções de compartilhamento contínuas que permitem adicionar editores à equipe.
Para grandes projetos, cada membro da equipe recebe uma tarefa separada para design. Ao criar o design em um grupo, você pode querer visitar a biblioteca da equipe, que consiste em componentes e ícones comuns entre os membros. Você pode abrir o menu usando Command + Option + O no Mac ou Ctrl + Alt + O no Windows para abrir o menu da biblioteca da equipe.
11. Exportar Design
Depois de terminar o design, você pode querer usar a opção de exportação para extrair ícones e imagens do design para que você possa enviá-los aos desenvolvedores para implementá-los. Você pode selecionar a camada e usar Command + Shift + E para Mac ou Control + Shift + E para Windows para exportar os detalhes.
Também em Tecnologia de Orientação
Use Figma como um profissional
Figma é uma excelente ferramenta para designers de UI / UX. É gratuito para iniciantes, permite o compartilhamento e vem com muitos atalhos de teclado para permitir um fluxo de trabalho tranquilo. Implemente esses atalhos de teclado em seu fluxo de trabalho e crie belos designs de IU como um profissional.
Próximo: Canva e Crello são duas das melhores ferramentas de design para criar pôsteres e folhetos. Leia a comparação abaixo para encontrar a melhor escolha para você.