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ósitomacOSWindows
EncerrarCmd + QAlt + F4

Atalhos de teclado para o menu "Editar"

OpçãomacOSWindows
DesfazerCmd + ZCtrl + Z
Refazer⇧ + Cmd + ZCtrl + Shift + Z
RecortarCmd + XCtrl + X
CopiarCmd + CCtrl + C
ColarCmd + VCtrl + V
Inserir Aparência (no modo de design) e Inserir Interatividade (no modo de protótipo)Cmd + Opt + VCtrl + Alt + V
DuplicarCmd + DCtrl + D
ExcluirExcluir
Selecionar TudoCmd + ACtrl + A
Desmarcar Seleção⇧+ Cmd + ACtrl + Shift + A

Atalhos de teclado para o menu "Arquivo"

OpçãomacOSWindows
NovoCmd + NCtrl + N
Abrir...Cmd + Shift + OCtrl + Shift + O
FecharCmd + WAlt + F4
Salvar...Cmd + SCtrl + S
Salvar como...⇧+ Cmd + SCtrl + Shift + S
Salvar localmente...Opt + Shift + Cmd + SShift + Ctrl + Alt + S
Exportar Elementos MarcadosShift + Cmd + ECtrl + Shift + E
Exportar Apenas SelecionadosCmd + ECtrl + E
Exportar para um programa de terceiros (se um programa integrado ao XD estiver instalado no seu computador)Opt + Cmd + ENão disponível
ImportarShift + Cmd + ICtrl + Shift + I

Atalhos de teclado para Caminho/Pincel

OpçãomacOSWindows
Ativar Ferramenta "Pincel"PP
Converter PontoDuplo CliqueDuplo Clique
Ponto de Controle AssimétricoOptAlt
Alinhar ao Ângulo do Ponto de ControleShiftShift
Alinhar ao Ângulo do ÂncoraShiftShift
AdicionarOpt + Cmd + UCtrl + Alt + U
SubtrairOpt + Cmd + SCtrl + Alt + S
InterseçãoOpt + Cmd + ICtrl + Alt + I
Excluir InterseçãoOpt + Cmd + XCtrl + Alt + X
Converter em CaminhoCmd + 8Ctrl + 8

Atalhos de teclado para Camadas (Objetos), Grupos, Rolos de Rolagem e Áreas de Desenho

OpçãomacOSWindows
Agrupar CamadasCmd + GCtrl + G
Desagrupar CamadasShift + Cmd + GCtrl + Shift + G
Criar ComponenteCmd + KCtrl + K
Editar Componente PrincipalShift + Cmd + KShift + Ctrl + K
Voltar para a Instância AnteriorShift + Opt + KShift + Alt + K
Bloquear/Desbloquear CamadasCmd + LCtrl + L
Ocultar/Mostrar CamadaCmd + ,Ctrl + ,
Mascarar com FormaShift + Cmd + MShift + Ctrl + M
Criar Grade de RepetiçãoCmd + RCtrl + R
Selecionar Camada em um Grupo/Componente diretamenteNa área de trabalho, clique na camada enquanto mantém pressionado CmdNa área de trabalho, clique na camada enquanto mantém pressionado Ctrl
Alterar a Opacidade da Camada1 a 9 (0 para 100 %)1 a 9 (0 para 100 %)
Selecionar Área de DesenhoClique em uma área vazia da Área de Desenho enquanto mantém pressionado CmdClique em uma área vazia da Área de Desenho enquanto mantém pressionado Ctrl
Desenhar Forma a partir do CentroOpt + ArrastarAlt + Arrastar
Desenhar Forma com Proporção 1:1 (para Quadrados/Círculos)Shift + ArrastarShift + Arrastar
Desenhar Triângulo EquiláteroShift + ArrastarShift + Arrastar
Mostrar/Ocultar Linhas Guia na Área de DesenhoCmd + ;Ctrl + ;
Bloquear Linhas Guia na Área de DesenhoShift + Cmd + ;Shift + Ctrl + ;
Mover Elemento em 10 PixelsShift + Setas direcionaisShift + Setas direcionais
Alterar Tamanho do Elemento em Incrementos de 1 PixelCmd + Setas direcionaisAlt + Setas direcionais
Alterar Tamanho do Elemento em Incrementos de 10 PixelsCmd + Shift + Setas direcionaisAlt + Shift + Setas direcionais
Selecionar sobreposição de CamadasCmd + Clique no TítuloCtrl + Clique no Título
Editar EspaçamentoMova o cursor sobre o objeto na Ára de Trabalho + SMova o cursor sobre o objeto na Área de Trabalho + S
Refletir Espaçamento nas Laterais OpostasOpt + SAlt + S
Editar Todas as LateraisShift + SShift + S
Rolar HorizontalmenteShift + Cmd + HShift + Alt + H
Rolar VerticalmenteShift + Cmd + VShift + Alt + V
Rolar Horizontal e VerticalmenteShift + Cmd + DShift + Alt + D
Adicionar Cor a "Elementos"Shift + Cmd + CShift + Ctrl + C
Renomear CamadasCmd + Opt + RCtrl + Alt + R
Aplicar Cores de Contorno do painel “Bibliotecas” aos ElementosOpt + CliqueAlt + Clique
Expandir/Recolher no painel “Bibliotecas”Cmd + Clique na setaCtrl + Clique na seta

Comandos de teclado para alinhamento

OpçãomacOSWindows
EsquerdaCtrl + Cmd + ←Ctrl + Shift + ←
Centrado (horizontal)Ctrl + Cmd + CShift + C
DireitaCtrl + Cmd + →Ctrl + Shift + →
SuperiorCtrl + Cmd + ↑Ctrl + Shift + ↑
Meio (vertical)Ctrl + Cmd + MShift + M
InferiorCtrl + Cmd + ↓Ctrl + Shift + ↓

Comandos de teclado para organização

OpçãomacOSWindows
Para frenteShift + Cmd + ]Shift + Ctrl + ]
Avançar em etapasCmd + ]Ctrl + ]
Retroceder em etapasCmd + [Ctrl + [
Para trásShift + Cmd + [Shift + Ctrl + [

Comandos de teclado para distribuição

OpçãomacOSWindows
HorizontalCtrl + Cmd + HCtrl + Shift + H
VerticalCtrl + Cmd + VCtrl + Shift + V

Comandos de teclado para trabalhar com texto

OpçãomacOSWindows
NegritoCmd + BCtrl + B
ItálicoCmd + ICtrl + I
SublinhadoCmd + UCtrl + U
Aumentar fonteShift + Cmd + >Ctrl + Shift + .
Diminuir fonteShift + Cmd + <Ctrl + Shift + ,

Comandos de teclado para o menu "Operações"

OpçãomacOSWindows
A partir do centroOptAlt
Copiar e colar objetoOpt + ArrastarAlt + Arrastar
RestringirShiftShift
Editar textoEnterEnter
Restringir a rotação em incrementos de 15 grausShift (15 °)Shift (15 °)
Desenhar linhas e restringir a rotação em incrementos de 45 grausShift (45°)Shift (45°)
Desenhar objetos a partir do centroShift + OptShift + Alt + S
Seleção diretaCmdCtrl
Alternar entre o modo de design e protótipoCtrl + TabCtrl + Tab

Comandos de teclado para ferramentas

OpçãomacOSWindows
SelecionarVV
RetânguloRR
ElipseEE
PolígonoYY
LinhaLL
CanetaPP
TextoTT
Área de desenhoAA
ZoomAtivar modo de zoom: ZAtivar modo de zoom: Z
PipetaII

Comandos de teclado para interface e opções de visualização

OpçãomacOSWindows
Mudar para o modo de designOpt + 1Alt + 1
Mudar para o modo de protótipoOpt + 2Alt + 2
Mudar para o modo de compartilhamentoOpt + 3Alt + 3
AmpliarCmd + ,Opt + roda do mouse
ReduzirCmd + "-"Opt + roda do mouse
Zoom para a seleçãoCmd + 3Ctrl + 3
Zoom para ajustar tudoCmd + 0Ctrl + 0
100 %Cmd + 1Ctrl + 1
200 %Cmd + 2Ctrl + 2
MoverBarra de espaçoBarra de espaço
ElementosShift + Cmd + YCtrl + Shift + Y
CamadasCmd + YCtrl + Y
Mostrar grade de layoutShift + Cmd + 'Shift + Ctrl + '
Mostrar caixas de gradeCmd + 'Ctrl + '
Modo de tela cheiaCtrl + Cmd + FNão disponível
Alternar entre o modo de design e protótipoCtrl + TabCtrl + 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 unidadesShift + ↑ ou Shift + ↓Shift + ↑ ou Shift + ↓

Atalhos de teclado para o menu "Janela"

OpçãomacOSWindows
MaximizarNão disponívelWindows + ↑
MinimizarCmd + MWindows + ↓
VisualizaçãoCmd + ⏎Ctrl + Enter

Atalhos de teclado para alterações de processo

OpçãomacOSWindows
Movimento horizontalShift + roda do mouseShift + roda do mouse
Movimento verticalRoda do mouseRoda do mouse

Atalhos de teclado para selecionar e medir distâncias entre elementos

OpçãomacOSWindows
Ativar distânciasOpt (com objeto selecionado)Alt (com objeto selecionado)
Distância desde o nível selecionadoMantenha a tecla Opt pressionada e mova o cursor sobre o objeto/grupo/área de desenhoMantenha a tecla Alt pressionada e mova o cursor sobre o objeto/grupo/área de desenho
Distância relativa ao grupo selecionadoPressione Opt + Cmd e mova o cursor sobre um objeto no grupoPressione Ctrl + Alt e mova o cursor sobre um objeto no grupo

Atalhos de teclado para especificações de design

OpçãomacOSWindows
ZoomCmd + roda do mouseCmd + "+", Cmd + "–" ou Ctrl + roda do mouse, Ctrl + "+", Ctrl + "–"
Redefinir zoomCmd + 0Ctrl + 0
Mover↑, ↓, →, ←Barra de espaço + Clique e arraste, ↑, ↓, →, ←, Barra de espaço + Clique e arraste
Mover mais rápidoShift + ↑, ↓, →, ←Shift + ↑, ↓, →, ←
Tirar o foco da área de desenho na visualização de especificações de designEscEsc
Navegar entre áreas de desenho vinculadasShift + CliqueShift + Clique

Atalhos de teclado para edição de vetores

OpçãomacOSWindows
Começar a editar o objeto vetorial selecionadoEnterEnter
Terminar de editar o objeto vetorial selecionadoEscEsc
Alternar entre pontos de controle retos e espelhadosClique duploClique duplo
Separa alça de ponto de controleOpt + ArrastarAlt + Arrastar

Atalhos de teclado para criação de protótipos

OpçãomacOSWindows
Mostrar todas as conexões no modo de prototipagemCmd + ACtrl + A
Ocultar todas as conexõesOptAlt
VisualizaçãoCmd + EnterCtrl + Enter
Iniciar ou parar a gravação da visualizaçãoCmd + Ctrl + RNão disponível
Parar gravaçãoEscNão disponível
Navegar entre áreas de desenho no modo de visualização ou em um protótipo compartilhadoSeta para a direita ou seta para a esquerda (→ ou ←)
Criar nova linha no campo de comentários do link de protótipo compartilhadoEnter ou Shift + EnterEnter ou Shift + Enter
Enviar comentário digitado no campo de comentários do link de protótipoCmd + EnterCtrl + Enter

10 das melhores dicas e truques para o Adobe XD

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. Trabalhar com plugins: O Adobe XD suporta plugins que permitem adicionar funcionalidades adicionais. Verifique os plugins disponíveis para expandir seu fluxo de trabalho.
  6. Restaurar elementos excluídos: Se você excluiu um elemento por engano, pode restaurá-lo pressionando a combinação de teclas "Ctrl/Cmd + Z".
  7. Alinhamento preciso de pixels: Use a tecla "Shift" para alinhar os elementos pixel a pixel ao movê-los ou redimensioná-los.
  8. 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.
  9. 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.
  10. 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.

Atalhos do Adobe XD - Resumo dos atalhos

Publicado em de Stefan Petri
Publicado em: De Stefan Petri
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.