Saiba como exportar ativos prontos para produção do Adobe XD para os formatos de arquivo PNG, SVG, JPG e PDF.
Você pode exportar ativos como imagens em bitmap, ícones e padrões de plano de fundo, texto e pranchetas do XD como PNG, SVG, JPG e PDF. Esses ativos exportados são otimizados para implantação no iOS, no Android ou em aplicativos da Web.
Se você estiver usando o XD no macOS, também pode importar seus designs em integrações de terceiros como Zeplin, Avocode, Sympli, Kite Compositor e Protopie.
Selecione um objeto ou uma prancheta, navegue até Arquivo > Exportar ou pressione Cmd + E.
Selecione um objeto ou uma prancheta e navegue até Arquivo > Exportar.
As camadas marcadas para exportação são incluídas como ativos na especificação de design. Para marcar ativos para exportação, selecione qualquer camada na tela e use uma das seguintes opções:
ao lado do nome da camada. Ativos são arquivos de design requeridos pelos desenvolvedores para recriar o que foi projetado, usando HTML/CSS/JS em um site ou em linguagens nativas como Swift ou Java em aplicativos iOS e Android.
Em geral, os ativos mais comuns são imagens em bitmap, ícones e padrões de plano de fundo que podem ser exportados para estes formatos: PNG, SVG, PDF e JPG.
Com o XD 57 e versões posteriores, você pode exportar ativos JPG, PNG e PDF com representações de cores consistentes. Para isso, mude o perfil de cores do documento para sRGB. Se você tentar exportar um ativo de um documento com um perfil de cores não gerenciado, receberá uma mensagem informando que pode haver uma discrepância de cores para as partes interessadas. Para obter mais informações, consulte Gerenciamento de cores.
Escolha um tamanho de exportação comum ou específico da plataforma ou defina um tamanho de exportação personalizado:
Ao exportar objetos ou pranchetas como SVG, você pode definir as seguintes opções:
Estilo visual:
Imagens incorporadas ou vinculadas:
É possível exportar ativos como PDF das seguintes maneiras:
Ao exportar ativos como JPG, você pode definir as seguintes opções:
Qualidade: escolha 20%, 40%, 60%, 80% ou 100%.
Tamanho de exportação:
JPGs não são convertidos em PDFs; imagens rasterizadas são importadas como imagens e, portanto, parecem que são convertidas em PDFs.
Você também pode importar seus designs do XD em outros aplicativos, como Zeplin, Avocode, Sympli, Kite Compositor e Protopie.
Aqui está um exemplo de fluxo de trabalho do XD no macOS com Zeplin:
Selecione uma prancheta ou camada no arquivo XD e clique em Arquivo > Exportar > Zeplin.
Se você tiver vários aplicativos integrados ao XD, o atalho de teclado (⌥⌘E) inicia a última integração usada.
Clique em Importar. Para substituir telas existentes no Zeplin com o mesmo nome, selecione Substituir telas com o mesmo nome. O Zeplin a adiciona como uma nova versão da mesma tela, sem perder suas anotações.
Se você estiver tendo problemas ao trabalhar com o Zeplin no XD, verifique Não foi possível ver o aplicativo de terceiros compatível nas opções de exportação para obter soluções.
Você está enfrentando problemas para exportar ativos? Para corrigir problemas relacionados à exportação, consulte Por que não consigo importar ou exportar arquivos no Adobe XD?
Deseja que sua ferramenta de design favorita tenha mais fluxos de trabalho de exportação? Vote ou adicione sua solicitação na UserVoice do XD.
Se você tiver alguma dúvida ou sugestão para compartilhar, venha participar da comunidade do Adobe XD. Adoraríamos ver suas criações e ouvir o que você tem a dizer.
