Melhores Atalhos do Figma Para Acelerar Sua Velocidade de Design

Vlad Solomakha

13 de abr. de 2024

Ir para

Título

Ir para

Título

Gere designs de UI e wireframes com IA

Exploro alguns dos melhores atalhos do Figma que ajudam a melhorar sua eficiência. Aumente seu fluxo de trabalho em navegação, edição e organização.

Exploro alguns dos melhores atalhos do Figma que ajudam a melhorar sua eficiência. Aumente seu fluxo de trabalho em navegação, edição e organização.

Note que este artigo é escrito para usuários de Mac. Se você é usuário do Windows, substitua Cmd por Ctrl e Option por Alt.

Favoritos Pessoais 

Trabalho no Figma há 6 anos e aqui estão meus atalhos favoritos que adotei ao longo dos anos.

  1. Escolher Cor: I

  2. Esconder/Mostrar UI: Cmd + .

  3. Menu de ações rápidas Cmd + /

  4. Dar Zoom Out na Página: Shift + 1

  5. Zoom para Seleção: Shift + 2

  6. Abrir Figma Home: Cmd + 1

  7. Duplicar: Option + Arraste

  8. Bloquear/Desbloquear Camadas: Cmd + Shift + L

Atalhos de Navegação

Navegue por seus projetos com esses atalhos de teclas.

  1. Zoom In/Out: Cmd + + ou Cmd + -

  2. Pan do Canvas: Segure Espaço e arraste

  3. Esconder/Mostrar UI: Cmd + \

  4. Mostrar/Esconder Painel de Camadas: Cmd + Option + 1

Manipulação de Objetos

Manipule rapidamente camadas, quadros e objetos para otimizar seu processo de design.

  1. Duplicar: Cmd + D

  2. Agrupar Seleção: Cmd + G

  3. Desagrupar Seleção: Cmd + Shift + G

  4. Quadro de Seleção: Cmd + Option + G

  5. Mover Camadas Precisamente: Teclas de seta (movimenta por 1 pixel), segure Shift com teclas de seta (movimenta por 10 pixels)

Seleção de Ferramentas

Troque de ferramentas de forma eficiente para manter seu fluxo criativo.

  1. Ferramenta de Seleção (Ferramenta de Movimento): V

  2. Ferramenta de Texto: T

  3. Ferramenta de Retângulo: R

  4. Ferramenta de Elipse: O

  5. Ferramenta de Linha: L

  6. Ferramenta Caneta: P

  7. Ferramenta de Mão: H (para mover o canvas sem alterar o design)

Gerenciamento de Componentes

Gerencie componentes sem tirar os dedos do teclado.

  1. Criar Componente: Cmd + Option + K

  2. Destacar Instância: Cmd + Option + B

  3. Ir para Componente Principal: Cmd + Option + G

Edição de Texto

Edite as camadas de texto eficientemente com esses atalhos diretos.

  1. Negrito: Cmd + B

  2. Itálico: Cmd + I

  3. Sublinhado: Cmd + U

  4. Aumentar Tamanho da Fonte: Cmd + Shift + >

  5. Diminuir Tamanho da Fonte: Cmd + Shift + <

Visualização e Comentários

Gerencie a visualização do seu espaço de trabalho e colabore através de comentários.

  1. Ajustar Seleção à Visualização: Cmd + Shift + F

  2. Adicionar Comentário: Cmd + Shift + C

Conclusão

Esses atalhos são feitos para reduzir o tempo gasto em tarefas de rotina. Eles oferecem mais oportunidades para focar nos aspectos criativos do design.

Experimente usá-los regularmente para se tornar mais proficiente e acelerar seu fluxo de trabalho no Figma.

Note que este artigo é escrito para usuários de Mac. Se você é usuário do Windows, substitua Cmd por Ctrl e Option por Alt.

Favoritos Pessoais 

Trabalho no Figma há 6 anos e aqui estão meus atalhos favoritos que adotei ao longo dos anos.

  1. Escolher Cor: I

  2. Esconder/Mostrar UI: Cmd + .

  3. Menu de ações rápidas Cmd + /

  4. Dar Zoom Out na Página: Shift + 1

  5. Zoom para Seleção: Shift + 2

  6. Abrir Figma Home: Cmd + 1

  7. Duplicar: Option + Arraste

  8. Bloquear/Desbloquear Camadas: Cmd + Shift + L

Atalhos de Navegação

Navegue por seus projetos com esses atalhos de teclas.

  1. Zoom In/Out: Cmd + + ou Cmd + -

  2. Pan do Canvas: Segure Espaço e arraste

  3. Esconder/Mostrar UI: Cmd + \

  4. Mostrar/Esconder Painel de Camadas: Cmd + Option + 1

Manipulação de Objetos

Manipule rapidamente camadas, quadros e objetos para otimizar seu processo de design.

  1. Duplicar: Cmd + D

  2. Agrupar Seleção: Cmd + G

  3. Desagrupar Seleção: Cmd + Shift + G

  4. Quadro de Seleção: Cmd + Option + G

  5. Mover Camadas Precisamente: Teclas de seta (movimenta por 1 pixel), segure Shift com teclas de seta (movimenta por 10 pixels)

Seleção de Ferramentas

Troque de ferramentas de forma eficiente para manter seu fluxo criativo.

  1. Ferramenta de Seleção (Ferramenta de Movimento): V

  2. Ferramenta de Texto: T

  3. Ferramenta de Retângulo: R

  4. Ferramenta de Elipse: O

  5. Ferramenta de Linha: L

  6. Ferramenta Caneta: P

  7. Ferramenta de Mão: H (para mover o canvas sem alterar o design)

Gerenciamento de Componentes

Gerencie componentes sem tirar os dedos do teclado.

  1. Criar Componente: Cmd + Option + K

  2. Destacar Instância: Cmd + Option + B

  3. Ir para Componente Principal: Cmd + Option + G

Edição de Texto

Edite as camadas de texto eficientemente com esses atalhos diretos.

  1. Negrito: Cmd + B

  2. Itálico: Cmd + I

  3. Sublinhado: Cmd + U

  4. Aumentar Tamanho da Fonte: Cmd + Shift + >

  5. Diminuir Tamanho da Fonte: Cmd + Shift + <

Visualização e Comentários

Gerencie a visualização do seu espaço de trabalho e colabore através de comentários.

  1. Ajustar Seleção à Visualização: Cmd + Shift + F

  2. Adicionar Comentário: Cmd + Shift + C

Conclusão

Esses atalhos são feitos para reduzir o tempo gasto em tarefas de rotina. Eles oferecem mais oportunidades para focar nos aspectos criativos do design.

Experimente usá-los regularmente para se tornar mais proficiente e acelerar seu fluxo de trabalho no Figma.

Gere designs de UI usando IA

Converta suas ideias em designs bonitos e fáceis de usar. Rápido e fácil.