Trabalhar com pranchetas e grades

As pranchetas geralmente representam cada uma das telas que você deseja projetar com parte de seu site ou aplicativo para dispositivo móvel.

Você pode ter muitas pranchetas em um único arquivo do Adobe XD. Por exemplo, você pode escolher definir pranchetas para experiências móveis, em tablets e online em desktops usando um único arquivo. Como alternativa, você também pode escolher criar o design de várias telas de um fluxo de usuário para a mesma plataforma em um arquivo.

Escolha um tamanho predefinido para a prancheta no começo do seu projeto na tela inicial. Se não quiser usar as predefinições disponíveis, crie uma prancheta com um tamanho personalizado. Assim que seu novo arquivo com o tamanho escolhido da prancheta for criado, adicione quantas pranchetas forem necessárias usando a ferramenta Prancheta.

Para exibir todas as pranchetas do seu projeto, abra o painel Camadas (clique em  na barra de ferramentas). 

Ao criar um projeto ou arquivo pela primeira vez, selecione um dos tamanhos predefinidos para a prancheta na tela de boas-vindas. Para especificar um tamanho personalizado, selecione Personalizado e especifique o tamanho em pixels.

Para adicionar mais pranchetas a um arquivo existente, clique na ferramenta Prancheta. Depois, clique em uma das predefinições no painel à direita e clique no local onde deseja colocar a prancheta.

Para definir uma prancheta de tamanho personalizado, selecione a ferramenta Prancheta e desenhe a prancheta desejada diretamente na área de trabalho.

Você pode criar pranchetas com uma barra de rolagem vertical. 

• Pranchetas criadas usando tamanhos predefinidos: se seu conteúdo exceder o comprimento da prancheta, basta arrastar a parte inferior da prancheta até o comprimento desejado e continuar o design. Uma linha pontilhada na sua prancheta indica o começo do conteúdo com rolagem.

Para desabilitar a rolagem, selecione a prancheta e selecione Nenhuma na seção Rolagem do Inspetor de propriedades.

• Pranchetas com tamanhos personalizados: para criar uma prancheta personalizada com rolagem, selecione a prancheta e, em seguida, selecione Vertical na seção Rolagem do Inspetor de propriedades. Além disso, especifique uma Altura da janela, que é o comprimento da prancheta após o qual a rolagem deve aparecer. A altura da janela deve ser menor do que a altura da prancheta para a rolagem ser exibida.

Para desabilitar a rolagem, selecione Nenhuma na seção Rolagem do Inspetor de propriedades.

Para selecionar uma prancheta, clique na ferramenta Seleção e execute uma das seguintes ações:

• Clique no título da prancheta ou 
• Clique duas vezes no fundo da prancheta

No Mac, segure a tecla Option e arraste uma prancheta para copiar. No Windows, segure a tecla Alt e arraste uma prancheta.

Como alternativa, clique com o botão direito do mouse no painel Camadas e selecione Copiar. Depois, clique com o botão direito do mouse novamente e selecione Copiar.

Para redimensionar uma prancheta, clique nela e use as alças circulares exibidas nas bordas.

Clique no título da prancheta e arraste-o para o novo local. 

Por padrão, as pranchetas são nomeadas de acordo com a predefinição selecionada e são numeradas sequencialmente. Para especificar um nome personalizado para suas pranchetas, clique duas vezes no nome padrão e digite o novo nome da prancheta.

Você também pode renomear pranchetas no painel Camadas. Clique duas vezes no nome da prancheta ou clique com o botão direito do mouse no nome da prancheta e selecione Renomear. 

Marque várias pranchetas e clique nas opções Alinhar e Distribuir no Inspetor de propriedades.

Você pode mover livremente qualquer elemento de uma prancheta para outra. Basta arrastar o elemento e soltá-lo na prancheta necessária.

Para copiar um elemento, use Command + C (no Mac) ou Ctrl + C (no Windows). Clique na prancheta na qual você deseja colar o elemento e use Command + V (no Mac) ou Ctrl + V (no Windows).

Você também pode arrastar um elemento enquanto segura a tecla Option (no Mac) ou a tecla Alt (no Windows) para copiar elementos entre pranchetas.

Você pode usar a área cinza ao redor das pranchetas como área de trabalho. É possível colocar qualquer elemento na área de trabalho e copiá-lo e movê-lo para as pranchetas quando necessário. 

Marque várias pranchetas para editá-las simultaneamente. 

Selecione a ferramenta Seleção para arrastar um letreiro ao redor das pranchetas que deseja selecionar.

Ao selecionar várias pranchetas, verifique se você selecionou as pranchetas completamente. Se uma prancheta for selecionada parcialmente, os objetos contidos nela serão selecionados e não a prancheta em si.

Uma caixa delimitadora é exibida ao redor das pranchetas selecionadas. 

• Redimensionar: arraste as alças na caixa delimitadora para redimensionar as pranchetas selecionadas.

• Cortar, copiar e colar: Ctrl+Clique (no Mac) ou clique com o botão direito do mouse (no Windows) para abrir o menu de contexto que permite cortar, copiar e colar todas as pranchetas selecionadas.

• Zoom: entre no modo Zoom clicando no ícone Zoom na barra de ferramentas ou pressionando a tecla Z no teclado. No modo Zoom, você pode:
  • Ampliar o zoom: clique em qualquer lugar na tela do Adobe XD ou clique na prancheta desejada. Ou selecione uma área para ampliar o zoom.
  • Reduzir o zoom: Option + Clique (no Mac) ou Alt + Clique (no Windows).

  Para ampliar ou reduzir o zoom rapidamente sem entrar no modo Zoom, é possível ativar o modo Zoom temporariamente:

  • Pressione Espaço + Cmd (no Mac) ou Espaço + Ctrl (no Windows) e, depois, clique ou selecione uma área na prancheta para aplicar mais zoom.
  • No Mac, pressione Space + Cmd + Opt para reduzir o zoom.

Para ampliar o zoom em objetos específicos na prancheta, selecione os objetos e depois selecione Exibir > Aplicar zoom na seleção ou ⌘ 3 no Mac. No Windows, use o atalho de teclado Ctrl + 3.

• Excluir: pressione a tecla Delete no teclado ou use Ctrl + Clique (no Mac) ou clique com o botão direito do mouse (no Windows) para abrir o menu que permite excluir todas as pranchetas selecionadas. Como alternativa, selecione uma ou mais pranchetas no painel Camadas, clique com o botão direito do mouse e escolha Excluir.