Está pronto para começar com o Adobe XD em grande estilo? Então você definitivamente deve memorizar os atalhos do teclado! Com esses pequenos ajudantes, você pode navegar facilmente pelos seus projetos no Adobe XD, executar ações e otimizar seu trabalho de design. Não se preocupe, você não precisa aprender todos de uma vez - vamos abordar isso de maneira bem tranquila. Vamos dar uma olhada juntos nos atalhos de teclado úteis para o Adobe XD e elevar o seu fluxo de design para o próximo nível!
Índice
Atalhos de teclado gerais
Propósito
macOS
Windows
Encerrar
Cmd + Q
Alt + F4
Atalhos de teclado para o menu "Editar"
Opção
macOS
Windows
Desfazer
Cmd + Z
Ctrl + Z
Refazer
⇧ + Cmd + Z
Ctrl + Shift + Z
Recortar
Cmd + X
Ctrl + X
Copiar
Cmd + C
Ctrl + C
Colar
Cmd + V
Ctrl + V
Inserir Aparência (no modo de design) e Inserir Interatividade (no modo de protótipo)
Cmd + Opt + V
Ctrl + Alt + V
Duplicar
Cmd + D
Ctrl + D
Excluir
⌫
Excluir
Selecionar Tudo
Cmd + A
Ctrl + A
Desmarcar Seleção
⇧+ Cmd + A
Ctrl + Shift + A
Atalhos de teclado para o menu "Arquivo"
Opção
macOS
Windows
Novo
Cmd + N
Ctrl + N
Abrir...
Cmd + Shift + O
Ctrl + Shift + O
Fechar
Cmd + W
Alt + F4
Salvar...
Cmd + S
Ctrl + S
Salvar como...
⇧+ Cmd + S
Ctrl + Shift + S
Salvar localmente...
Opt + Shift + Cmd + S
Shift + Ctrl + Alt + S
Exportar Elementos Marcados
Shift + Cmd + E
Ctrl + Shift + E
Exportar Apenas Selecionados
Cmd + E
Ctrl + E
Exportar para um programa de terceiros (se um programa integrado ao XD estiver instalado no seu computador)
Opt + Cmd + E
Não disponível
Importar
Shift + Cmd + I
Ctrl + Shift + I
Atalhos de teclado para Caminho/Pincel
Opção
macOS
Windows
Ativar Ferramenta "Pincel"
P
P
Converter Ponto
Duplo Clique
Duplo Clique
Ponto de Controle Assimétrico
Opt
Alt
Alinhar ao Ângulo do Ponto de Controle
Shift
Shift
Alinhar ao Ângulo do Âncora
Shift
Shift
Adicionar
Opt + Cmd + U
Ctrl + Alt + U
Subtrair
Opt + Cmd + S
Ctrl + Alt + S
Interseção
Opt + Cmd + I
Ctrl + Alt + I
Excluir Interseção
Opt + Cmd + X
Ctrl + Alt + X
Converter em Caminho
Cmd + 8
Ctrl + 8
Atalhos de teclado para Camadas (Objetos), Grupos, Rolos de Rolagem e Áreas de Desenho
Opção
macOS
Windows
Agrupar Camadas
Cmd + G
Ctrl + G
Desagrupar Camadas
Shift + Cmd + G
Ctrl + Shift + G
Criar Componente
Cmd + K
Ctrl + K
Editar Componente Principal
Shift + Cmd + K
Shift + Ctrl + K
Voltar para a Instância Anterior
Shift + Opt + K
Shift + Alt + K
Bloquear/Desbloquear Camadas
Cmd + L
Ctrl + L
Ocultar/Mostrar Camada
Cmd + ,
Ctrl + ,
Mascarar com Forma
Shift + Cmd + M
Shift + Ctrl + M
Criar Grade de Repetição
Cmd + R
Ctrl + R
Selecionar Camada em um Grupo/Componente diretamente
Na área de trabalho, clique na camada enquanto mantém pressionado Cmd
Na área de trabalho, clique na camada enquanto mantém pressionado Ctrl
Alterar a Opacidade da Camada
1 a 9 (0 para 100 %)
1 a 9 (0 para 100 %)
Selecionar Área de Desenho
Clique em uma área vazia da Área de Desenho enquanto mantém pressionado Cmd
Clique em uma área vazia da Área de Desenho enquanto mantém pressionado Ctrl
Desenhar Forma a partir do Centro
Opt + Arrastar
Alt + Arrastar
Desenhar Forma com Proporção 1:1 (para Quadrados/Círculos)
Shift + Arrastar
Shift + Arrastar
Desenhar Triângulo Equilátero
Shift + Arrastar
Shift + Arrastar
Mostrar/Ocultar Linhas Guia na Área de Desenho
Cmd + ;
Ctrl + ;
Bloquear Linhas Guia na Área de Desenho
Shift + Cmd + ;
Shift + Ctrl + ;
Mover Elemento em 10 Pixels
Shift + Setas direcionais
Shift + Setas direcionais
Alterar Tamanho do Elemento em Incrementos de 1 Pixel
Cmd + Setas direcionais
Alt + Setas direcionais
Alterar Tamanho do Elemento em Incrementos de 10 Pixels
Cmd + Shift + Setas direcionais
Alt + Shift + Setas direcionais
Selecionar sobreposição de Camadas
Cmd + Clique no Título
Ctrl + Clique no Título
Editar Espaçamento
Mova o cursor sobre o objeto na Ára de Trabalho + S
Mova o cursor sobre o objeto na Área de Trabalho + S
Refletir Espaçamento nas Laterais Opostas
Opt + S
Alt + S
Editar Todas as Laterais
Shift + S
Shift + S
Rolar Horizontalmente
Shift + Cmd + H
Shift + Alt + H
Rolar Verticalmente
Shift + Cmd + V
Shift + Alt + V
Rolar Horizontal e Verticalmente
Shift + Cmd + D
Shift + Alt + D
Adicionar Cor a "Elementos"
Shift + Cmd + C
Shift + Ctrl + C
Renomear Camadas
Cmd + Opt + R
Ctrl + Alt + R
Aplicar Cores de Contorno do painel “Bibliotecas” aos Elementos
Opt + Clique
Alt + Clique
Expandir/Recolher no painel “Bibliotecas”
Cmd + Clique na seta
Ctrl + Clique na seta
Comandos de teclado para alinhamento
Opção
macOS
Windows
Esquerda
Ctrl + Cmd + ←
Ctrl + Shift + ←
Centrado (horizontal)
Ctrl + Cmd + C
Shift + C
Direita
Ctrl + Cmd + →
Ctrl + Shift + →
Superior
Ctrl + Cmd + ↑
Ctrl + Shift + ↑
Meio (vertical)
Ctrl + Cmd + M
Shift + M
Inferior
Ctrl + Cmd + ↓
Ctrl + Shift + ↓
Comandos de teclado para organização
Opção
macOS
Windows
Para frente
Shift + Cmd + ]
Shift + Ctrl + ]
Avançar em etapas
Cmd + ]
Ctrl + ]
Retroceder em etapas
Cmd + [
Ctrl + [
Para trás
Shift + Cmd + [
Shift + Ctrl + [
Comandos de teclado para distribuição
Opção
macOS
Windows
Horizontal
Ctrl + Cmd + H
Ctrl + Shift + H
Vertical
Ctrl + Cmd + V
Ctrl + Shift + V
Comandos de teclado para trabalhar com texto
Opção
macOS
Windows
Negrito
Cmd + B
Ctrl + B
Itálico
Cmd + I
Ctrl + I
Sublinhado
Cmd + U
Ctrl + U
Aumentar fonte
Shift + Cmd + >
Ctrl + Shift + .
Diminuir fonte
Shift + Cmd + <
Ctrl + Shift + ,
Comandos de teclado para o menu "Operações"
Opção
macOS
Windows
A partir do centro
Opt
Alt
Copiar e colar objeto
Opt + Arrastar
Alt + Arrastar
Restringir
Shift
Shift
Editar texto
Enter
Enter
Restringir a rotação em incrementos de 15 graus
Shift (15 °)
Shift (15 °)
Desenhar linhas e restringir a rotação em incrementos de 45 graus
Shift (45°)
Shift (45°)
Desenhar objetos a partir do centro
Shift + Opt
Shift + Alt + S
Seleção direta
Cmd
Ctrl
Alternar entre o modo de design e protótipo
Ctrl + Tab
Ctrl + Tab
Comandos de teclado para ferramentas
Opção
macOS
Windows
Selecionar
V
V
Retângulo
R
R
Elipse
E
E
Polígono
Y
Y
Linha
L
L
Caneta
P
P
Texto
T
T
Área de desenho
A
A
Zoom
Ativar modo de zoom: Z
Ativar modo de zoom: Z
Pipeta
I
I
Comandos de teclado para interface e opções de visualização
Opção
macOS
Windows
Mudar para o modo de design
Opt + 1
Alt + 1
Mudar para o modo de protótipo
Opt + 2
Alt + 2
Mudar para o modo de compartilhamento
Opt + 3
Alt + 3
Ampliar
Cmd + ,
Opt + roda do mouse
Reduzir
Cmd + "-"
Opt + roda do mouse
Zoom para a seleção
Cmd + 3
Ctrl + 3
Zoom para ajustar tudo
Cmd + 0
Ctrl + 0
100 %
Cmd + 1
Ctrl + 1
200 %
Cmd + 2
Ctrl + 2
Mover
Barra de espaço
Barra de espaço
Elementos
Shift + Cmd + Y
Ctrl + Shift + Y
Camadas
Cmd + Y
Ctrl + Y
Mostrar grade de layout
Shift + Cmd + '
Shift + Ctrl + '
Mostrar caixas de grade
Cmd + '
Ctrl + '
Modo de tela cheia
Ctrl + Cmd + F
Não disponível
Alternar entre o modo de design e protótipo
Ctrl + Tab
Ctrl + Tab
Alternar entre janelas (arquivos)
Cmd + Tilda (~)
Não disponível
Aumentar ou diminuir o valor em um campo em 1 unidade
↑ ou ↓
↑ ou ↓
Aumentar ou diminuir o valor em um campo em 10 unidades
Shift + ↑ ou Shift + ↓
Shift + ↑ ou Shift + ↓
Atalhos de teclado para o menu "Janela"
Opção
macOS
Windows
Maximizar
Não disponível
Windows + ↑
Minimizar
Cmd + M
Windows + ↓
Visualização
Cmd + ⏎
Ctrl + Enter
Atalhos de teclado para alterações de processo
Opção
macOS
Windows
Movimento horizontal
Shift + roda do mouse
Shift + roda do mouse
Movimento vertical
Roda do mouse
Roda do mouse
Atalhos de teclado para selecionar e medir distâncias entre elementos
Opção
macOS
Windows
Ativar distâncias
Opt (com objeto selecionado)
Alt (com objeto selecionado)
Distância desde o nível selecionado
Mantenha a tecla Opt pressionada e mova o cursor sobre o objeto/grupo/área de desenho
Mantenha a tecla Alt pressionada e mova o cursor sobre o objeto/grupo/área de desenho
Distância relativa ao grupo selecionado
Pressione Opt + Cmd e mova o cursor sobre um objeto no grupo
Pressione Ctrl + Alt e mova o cursor sobre um objeto no grupo
Atalhos de teclado para especificações de design
Opção
macOS
Windows
Zoom
Cmd + roda do mouse
Cmd + "+", Cmd + "–" ou Ctrl + roda do mouse, Ctrl + "+", Ctrl + "–"
Redefinir zoom
Cmd + 0
Ctrl + 0
Mover
↑, ↓, →, ←
Barra de espaço + Clique e arraste, ↑, ↓, →, ←, Barra de espaço + Clique e arraste
Mover mais rápido
Shift + ↑, ↓, →, ←
Shift + ↑, ↓, →, ←
Tirar o foco da área de desenho na visualização de especificações de design
Esc
Esc
Navegar entre áreas de desenho vinculadas
Shift + Clique
Shift + Clique
Atalhos de teclado para edição de vetores
Opção
macOS
Windows
Começar a editar o objeto vetorial selecionado
Enter
Enter
Terminar de editar o objeto vetorial selecionado
Esc
Esc
Alternar entre pontos de controle retos e espelhados
Clique duplo
Clique duplo
Separa alça de ponto de controle
Opt + Arrastar
Alt + Arrastar
Atalhos de teclado para criação de protótipos
Opção
macOS
Windows
Mostrar todas as conexões no modo de prototipagem
Cmd + A
Ctrl + A
Ocultar todas as conexões
Opt
Alt
Visualização
Cmd + Enter
Ctrl + Enter
Iniciar ou parar a gravação da visualização
Cmd + Ctrl + R
Não disponível
Parar gravação
Esc
Não disponível
Navegar entre áreas de desenho no modo de visualização ou em um protótipo compartilhado
Seta para a direita ou seta para a esquerda (→ ou ←)
Criar nova linha no campo de comentários do link de protótipo compartilhado
Enter ou Shift + Enter
Enter ou Shift + Enter
Enviar comentário digitado no campo de comentários do link de protótipo
Cmd + Enter
Ctrl + Enter
10 das melhores dicas e truques para o Adobe XD
Uso de repetições de caracteres: Quando estiver projetando elementos recorrentes como menus ou botões, use repetições de caracteres. Alterações em um caractere são aplicadas automaticamente a todas as instâncias.
Prototipagem e interações: O Adobe XD permite criar protótipos com elementos interativos. Você pode vincular telas, adicionar transições e realizar testes de usuário para otimizar a experiência do usuário.
Utilização de componentes: Crie componentes para elementos de UI recorrentes. Ao fazer uma alteração em um componente, ela é atualizada em todas as instâncias, economizando tempo e garantindo consistência.
Aninhamento de quadros: Organize seu arquivo de design aninhando quadros uns nos outros. Isso ajuda a manter a área de trabalho organizada e facilita a visualização.
Trabalhar com plugins: O Adobe XD suporta plugins que permitem adicionar funcionalidades adicionais. Verifique os plugins disponíveis para expandir seu fluxo de trabalho.
Restaurar elementos excluídos: Se você excluiu um elemento por engano, pode restaurá-lo pressionando a combinação de teclas "Ctrl/Cmd + Z".
Alinhamento preciso de pixels: Use a tecla "Shift" para alinhar os elementos pixel a pixel ao movê-los ou redimensioná-los.
Design responsivo: O Adobe XD possibilita criar designs para diferentes tamanhos de tela. Use a função "Redimensionamento responsivo" para garantir que seu design fique bom em diferentes dispositivos.
Comentários e feedback: Ao compartilhar seu design com outros, utilize a função de comentários do Adobe XD para receber feedback e rastrear alterações.
Aprender atalhos: Por fim, é sempre uma boa ideia aprender os atalhos de teclado mais importantes para trabalhar mais rapidamente. Você pode usar os atalhos padrão do Adobe XD ou personalizá-los de acordo com suas preferências.
Por favor, traduza esta frase do alemão para o português.
Stefan Petri administra junto com seu irmão Matthias o popular fórum especializado PSD-Tutorials.de, bem como a plataforma de E-Learning TutKit.com, que tem como foco a formação e o treinamento de competências profissionais digitais.