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:
- Encontre uma imagem de sua preferência. Clique com o botão direito sobre ela e selecione "Copiar imagem".
- Volte para o seu projeto no Adobe XD e pressione Command + V para colar a imagem.
- 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:
- Desenhe a forma desejada (por exemplo, um retângulo ou uma elipse) na sua prancheta no Adobe XD.
- Selecione a forma e vá até sua imagem no Finder. Arraste a imagem para a forma escolhida.
- 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.

Quarto método: Inserir vetores do Photoshop
Se você deseja importar vetores do Adobe Photoshop, siga os passos abaixo:
- No Photoshop, selecione a forma desejada e pressione Command + Shift + C para copiar a forma para a área de transferência.
- Volte para o Adobe XD e pressione Command + V para colar a forma.
- 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:
- Crie um asset no Illustrator ou InDesign e adicione-o à sua Biblioteca da Creative Cloud.
- Abra o Adobe XD e vá até "Arquivo" > "Abrir bibliotecas CC".
- 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:
- No Adobe XD, selecione "Arquivo" > "Abrir do computador" e escolha o arquivo PSD.
- 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.