Assets são a base de todo trabalho de design. Seja imagens, vetores ou texto: eles dão a sua projeção a estrutura e estética necessárias. Adobe XD oferece uma variedade de opções para inserir e gerenciar esses assets, para que você possa se concentrar no essencial – o design. Neste tutorial, vou explorar diferentes técnicas para importar seus materiais de forma eficiente e rápida no Adobe XD.

Principais insights

  • Adobe XD permite a importação de assets de várias fontes.
  • Imagens podem ser adicionadas por meio de arrastar e soltar, copiar e colar ou através de bibliotecas.
  • A Biblioteca da Creative Cloud oferece uma maneira eficiente de compartilhar assets entre aplicativos da Adobe.
  • Arquivos PSD podem ser abertos e editados diretamente no Adobe XD.

Guia passo a passo

Primeiro método: Importar imagens do Unsplash

Se você precisa de imagens rapidamente, o Unsplash é uma excelente opção. Acesse o site unsplash.com para encontrar imagens de alta qualidade e livres de royalties. Você pode simplesmente inserir uma palavra-chave ou navegar pela variedade de imagens disponíveis.

Aqui está um exemplo de como você pode usar imagens do Unsplash:

  1. Encontre uma imagem de sua preferência. Clique com o botão direito sobre ela e selecione "Copiar imagem".
  2. Volte para o seu projeto no Adobe XD e pressione Command + V para colar a imagem.
  3. Agora você pode ajustar a imagem colada, redimensionando ou posicionando-a.

Segundo método: Inserir imagens em formas

Para colocar uma imagem dentro de uma forma específica, siga estes passos:

  1. Desenhe a forma desejada (por exemplo, um retângulo ou uma elipse) na sua prancheta no Adobe XD.
  2. Selecione a forma e vá até sua imagem no Finder. Arraste a imagem para a forma escolhida.
  3. A imagem será inserida na forma.

Terceiro método: Importar arquivos por arrastar e soltar

Alternativamente, você também pode arrastar arquivos diretamente para a prancheta do Adobe XD. Para isso, basta clicar em um arquivo no seu Finder e arrastá-lo para o local desejado no Adobe XD. Isso funciona com imagens, textos e gráficos vetoriais.

Importação eficiente de assets no Adobe XD

Quarto método: Inserir vetores do Photoshop

Se você deseja importar vetores do Adobe Photoshop, siga os passos abaixo:

  1. No Photoshop, selecione a forma desejada e pressione Command + Shift + C para copiar a forma para a área de transferência.
  2. Volte para o Adobe XD e pressione Command + V para colar a forma.
  3. Você notará que formas vetoriais no XD são editáveis, oferecendo muitas opções de personalização.

Quinto método: Uso da Biblioteca da Creative Cloud

Um ótimo recurso do Adobe XD é a integração com a Biblioteca da Creative Cloud. Com isso, você pode importar assets do Illustrator ou InDesign:

  1. Crie um asset no Illustrator ou InDesign e adicione-o à sua Biblioteca da Creative Cloud.
  2. Abra o Adobe XD e vá até "Arquivo" > "Abrir bibliotecas CC".
  3. Selecione o asset desejado da biblioteca e cole-o em seu projeto.

Último método: Abrir arquivos PSD diretamente

Uma grande facilidade é a possibilidade de abrir arquivos PSD diretamente no Adobe XD. Veja como:

  1. No Adobe XD, selecione "Arquivo" > "Abrir do computador" e escolha o arquivo PSD.
  2. O projeto aberto pode ser facilmente editado e escalonado.

Resumo - Importação de assets no Adobe XD

As possibilidades de importação de assets no Adobe XD são múltiplas e permitem que você torne seus processos de design mais eficientes. Seja copiando imagens diretamente do Unsplash, utilizando vetores do Photoshop ou aproveitando as bibliotecas da Creative Cloud para rápida disponibilidade, o Adobe XD proporciona a flexibilidade e a criatividade necessárias.

Perguntas frequentes

O que é Adobe XD?Adobe XD é uma ferramenta de design de UI/UX da Adobe para criação de protótipos e interfaces de usuário.

Posso importar imagens de sites diretamente no Adobe XD?Sim, você pode importar imagens via copiar-e-colar ou arrastar e soltar.

Como utilizo a Biblioteca da Creative Cloud no Adobe XD?A Biblioteca da Creative Cloud permite a troca fácil de assets entre programas da Adobe.

Posso abrir arquivos PSD no Adobe XD?Sim, o Adobe XD pode abrir e editar arquivos PSD diretamente.

Como lido com gráficos vetoriais do Photoshop?Copie gráficos vetoriais como um arquivo SVG do Photoshop e cole-os no Adobe XD.