Guia do Usuário Cancelar

Exportar e baixar ativos de especificações de design

Pesquisar
XD

XD

Abrir aplicativo
  1. Guia do usuário do Adobe XD
  2. Introdução
    1. Novidades no Adobe XD
    2. Perguntas frequentes
    3. Criar designs e protótipos e compartilhar com o Adobe XD
    4. Gerenciamento de cores
    5. Requisitos de sistema
      1. Requisitos de hardware e software
      2. Adobe XD, Big Sur e Apple Silicon | macOS 11
    6. Noções básicas sobre a área de trabalho
    7. Alterar o idioma do aplicativo no Adobe XD
    8. Acessar kits de design de interface
    9. Acessibilidade no Adobe XD
    10. Atalhos de teclado
    11. Dicas e truques
  3. Design
    1. Pranchetas, guias e camadas
      1. Introdução às pranchetas
      2. Usar guias e grades
      3. Criar pranchetas com rolagem
      4. Trabalhar com camadas
      5. Criar grupos de rolagem
    2. Formas, objetos e caminho
      1. Selecionar, redimensionar e girar objetos
      2. Mover, alinhar, distribuir e organizar objetos
      3. Agrupar, bloquear, duplicar, copiar e virar objetos
      4. Definir traçado, preenchimento e sombra projetada para objetos
      5. Criar elementos de repetição
      6. Criar designs de perspectiva com transformações em 3D
      7. Editar objetos usando operações boolianas
    3. Texto e fontes
      1. Trabalhar com ferramentas de desenho e texto
      2. Fontes no Adobe XD
    4. Componentes e estados
      1. Trabalhar com componentes
      2. Trabalhar com componentes aninhados
      3. Adicionar vários estados aos componentes
    5. Mascaramento e efeitos
      1. Criar uma máscara com formas
      2. Trabalhar com efeitos de desfoque
      3. Criar e modificar degradês
      4. Aplicar efeitos de mesclagem
    6. Layout
      1. Redimensionamento responsivo e restrições
      2. Definir preenchimento fixo para componentes e grupos
      3. Criar designs dinâmicos com pilhas
    7. Vídeos e animações Lottie
      1. Trabalhar com vídeos
      2. Criar protótipos usando vídeos
      3. Trabalhar com animações Lottie
  4. Protótipo
    1. Criar protótipos interativos
    2. Animar protótipos
    3. Propriedades de objeto compatíveis com a Animação automática
    4. Criar protótipos com teclados e controles
    5. Criar protótipos usando reprodução e comandos de voz
    6. Criar transições temporizadas
    7. Adicionar sobreposições
    8. Criar protótipos de voz
    9. Criar links de âncora
    10. Criar hiperlinks
    11. Visualizar designs e protótipos
  5. Compartilhar, exportar e analisar
    1. Compartilhar pranchetas selecionadas
    2. Compartilhar designs e protótipos
    3. Definir permissões de acesso para links
    4. Trabalhar com protótipos
    5. Revisar protótipos
    6. Trabalhar com especificações de design
    7. Compartilhar especificações de design
    8. Inspecionar especificações de design
    9. Navegar em especificações de design
    10. Revisar e comentar especificações de design
    11. Exportar ativos de design
    12. Exportar e baixar ativos de especificações de design
    13. Compartilhamento em grupo para corporações
    14. Fazer backup ou transferir ativos do XD
  6. Sistemas de design
    1. Sistemas de design com as Bibliotecas da Creative Cloud
    2. Trabalhar com ativos de documento no Adobe XD
    3. Trabalhar com as Bibliotecas da Creative Cloud no Adobe XD
    4. Migrar de ativos vinculados para as Bibliotecas da Creative Cloud
    5. Trabalhar com tokens de design 
    6. Usar ativos das Bibliotecas da Creative Cloud
  7. Documentos na nuvem
    1. Documentos na nuvem no Adobe XD
    2. Colaborar e coeditar designs
    3. Coeditar documentos compartilhados com você
  8. Integrações e plug-ins
    1. Trabalhar com ativos externos
    2. Trabalhar com ativos de design do Photoshop
    3. Copiar e colar ativos do Photoshop
    4. Importar ou abrir designs do Photoshop
    5. Trabalhar com ativos do Illustrator no Adobe XD
    6. Abrir ou importar designs do Illustrator
    7. Copiar vetores do Illustrator para o XD
    8. Plug-ins para o Adobe XD
    9. Criar e gerenciar plug-ins
    10. Integração do JIRA com o XD
    11. Plug-in do Slack para XD
    12. Plug-in do Zoom para XD
    13. Publicar o design do XD no Behance
  9. XD para iOS e Android
    1. Visualizar em dispositivos móveis
    2. Perguntas frequentes sobre o Adobe XD para dispositivos móveis
  10. Solução de problemas
    1. Problemas conhecidos e corrigidos
      1. Problemas conhecidos
      2. Problemas corrigidos
    2. Instalação e atualizações
      1. O XD aparece como não compatível no Windows
      2. Código de erro 191
      3. Código de erro 183
      4. Problemas ao instalar plug-ins XD
      5.  Solicitação para instalar e reinstalar o XD no Windows 10
      6. Problemas com a migração de preferências
    3. Inicialização e falha
      1.  O XD trava ao ser iniciado no Windows 10
      2.  O XD fecha ao fazer logoff da Creative Cloud
      3. Problema com o status da assinatura no Windows
      4. Aviso de aplicativo bloqueado ao iniciar o XD no Windows
      5. Geração de dump de falha no Windows
      6. Coleta e compartilhamento de registros de falhas
    4. Documentos na nuvem e bibliotecas da Creative Cloud
      1. Problemas com os documentos na nuvem do XD
      2. Problemas com componentes vinculados
      3. Problemas com bibliotecas e links
    5. Prototipagem, publicação e revisão
      1. Não é possível gravar interações de protótipo no macOS Catalina
      2. Problemas com fluxos de trabalho de publicação
      3. Links publicados não são exibidos nos navegadores
      4. Protótipos não são renderizados corretamente nos navegadores
      5. Painel de comentários aparecendo repentinamente em links compartilhados
      6. Não é possível publicar bibliotecas
    6. Importação, exportação e trabalho em outros aplicativos
      1. Exportação e importação no XD
      2. Arquivos do Photoshop no XD
      3. Arquivos do Illustrator no XD
      4. Exportar do XD para o After Effects
      5. Arquivos do Sketch no XD
      6. Aplicativos de terceiros não visíveis na exportação

Saiba como exportar e baixar ativos de especificações de design.

Exportar ativos de especificações de design

Se você marcar camadas para exportação e incluir ativos quando publicar a especificação de design, poderá baixá-los no link da especificação de design publicada. Os ativos vetoriais estão disponíveis nos formatos SVG, PNG, PDF e JPG, enquanto ativos bitmap podem ser exportados nos formatos PNG, PDF e JPG.

Marcar camadas para exportação

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: 

  • Selecione qualquer camada da prancheta e clique na caixa de seleção Marcar para exportação no menu pop-up. 
  • Clique com o botão direito do mouse na camada da tela e escolha Marcar para exportação no menu pop-up. 
  • Use o atalho de teclado  no macOS e  no Windows.
  • Abra o painel Camadas e clique no ícone de Marcar para exportação  ao lado do nome da camada. 

Para exportar vários ativos, selecione várias camadas em uma prancheta e clique em Marcar para exportação.

Opção Marcar para exportação

Publicar especificações de design com ativos

Ao incluir ativos durante a publicação de especificações de design e compartilhar o link publicado com os desenvolvedores, você dá a eles um local centralizado para baixar os ativos.

  1. Marque camadas para exportação no XD.

    Marcar camadas para exportação
    Marcar para exportação

  2. Clique em Compartilhar para alternar para o modo de compartilhamento. Selecione Desenvolvimento.

    share-designs

  3. No modo de Design, selecione os ativos que você deseja exportar. No Inspetor de propriedades, marque a caixa de seleção Marcar para exportação. Os ativos para exportação aparecem no modo de compartilhamento.

  4. No modo de compartilhamento, marque a caixa de seleção Ativos para download para marcar os ativos para exportação e clique em Criar link.

    Dependendo da plataforma para a qual você cria o design, cada uma possui um conjunto separado de configurações de resolução:

    • Web: os ativos são exportados com as resoluções de 1x e 2x.
    • iOS: os ativos são exportados com as resoluções de 1x, 2x e 3x.
    • Android: os ativos são otimizados e exportados para as seguintes densidades de tela no Android:
      • ldpi - baixa densidade (75%)
      • mdpi - densidade média (100%)
      • hdpi - alta densidade (150%)
      • xhdpi - densidade extra-alta (200%)
      • xxhdpi - densidade extra-extra-alta (300%)
      • xxxhdpi - densidade extra-extra-extra-alta (400%)

  5. Para abrir as especificações de design publicadas em um navegador, clique no ícone Abrir no navegador e selecione uma prancheta para exibir os ativos. O navegador exibe os ativos selecionados juntamente com outros detalhes da prancheta. 

    Ao passar o mouse sobre os ativos, a seleção contextual destaca o ativo selecionado em azul.

Baixar ativos de especificações de design

Se você for um desenvolvedor, pode baixar os ativos do link das especificações de design publicadas compartilhadas com você. Você pode baixar todos os ativos para download em uma prancheta ao mesmo tempo na exibição de detalhes da tela. Você também pode baixar ativos individualmente na exibição de detalhes da camada.

Exibição de detalhes da tela

Ao clicar fora de uma prancheta, você estará na exibição de detalhes da tela. 

Na exibição de detalhes da tela, é possível ver todos os ativos para download categorizados como imagens, vídeo e animações na seção Ativos do Inspetor de propriedades.

Exibição de detalhes da tela
Exibição de detalhes da tela de uma prancheta com ativos selecionados para download

Para baixar ativos, faça o seguinte na seção Ativos:

1. Clique para selecionar os ativos que deseja baixar em conjunto:

  • Para selecionar vários, você pode usar o botão Shift.
  • Para selecionar todos os ativos de uma categoria de ativos, clique em um ativo e use Cmd+A ou Ctrl+A.

É exibida a seção Ativos selecionados que mostra o número de ativos selecionados, categorizados como imagens, vídeo e áudio.

2. Clique em Baixar.

Os ativos são baixados como arquivos .zip na pasta Downloads do seu computador. Ao baixar imagens, você pode alterar o formato das imagens vetoriais para SVG, PDF, PNG e JPG, e o formato das imagens bitmap para PNG, PDF e JPG.

Observações importantes

  • Se você passar o mouse sobre os recursos de vídeo e áudio na seção Ativos, verá a extensão do arquivo.
  • Em uma prancheta, se houver várias cópias de um vídeo, você verá apenas uma instância desse vídeo na seção Ativos. Ao passar o mouse sobre um vídeo na seção Ativos, você verá todas as instâncias desse vídeo destacadas na prancheta.
  • Em uma prancheta, se vários vídeos tiverem a mesma imagem de capa, você verá cada instância dessa imagem de capa na seção Ativos.
  • Quando você baixa ativos de diferentes categorias em conjunto, a pasta .zip baixada terá subpastas para essas categorias.
  • Você pode baixar arquivos de vídeo apenas no mesmo formato que os designers importaram para o documento de design do XD. Para saber mais sobre os formatos de vídeo compatíveis, consulte Trabalhar com vídeos.
  • Na exibição de detalhes da tela, somente o último estado inspecionado ou o estado ativo de determinado componente ficará disponível para download na seção Ativos. Para baixar os ativos de todos os estados, selecione a camada do componente na prancheta e alterne para a exibição de detalhes da camada.

Exibição de detalhes da camada

Ao selecionar uma camada de uma prancheta, você alterna para a exibição de detalhes da camada. Na exibição de detalhes da camada, você pode baixar ativos apenas da camada selecionada.

Exibição de detalhes da camada
A camada selecionada tem um vídeo, sua imagem de pôster e um arquivo de áudio vinculado disponível para download

Para baixar um ativo na camada selecionada, clique em Baixar ao lado do ativo na seção Ativos do Inspetor de propriedades.

Download de vídeo

Ao selecionar uma camada de vídeo em uma prancheta:

  • Você pode baixar o vídeo e a imagem do pôster.
  • Se o vídeo estiver conectado a uma reprodução de áudio, você também pode baixar esse arquivo de áudio.

Download de Lottie

Ao selecionar uma camada Lottie em uma prancheta:

  • Você pode baixar a animação Lottie como um arquivo JSON.
  • Se o Lottie estiver conectado a uma reprodução de áudio, você pode baixar esse arquivo de áudio.

Download de componente

Para baixar ativos para um componente, selecione-o na tela. Depois, no Inspetor de propriedades, alterne para cada estado para baixar o ativo para cada um.

No aplicativo do XD, se o designer marcar várias instâncias de um componente para exportação, somente a última instância no painel Camadas será exportada.

Experiência de download para o XD 44 e versões posteriores

Para links publicados usando o XD 44 e versões posteriores:

Ao clicar em Baixar, você obtém uma caixa de diálogo mostrando o progresso. Assim que o download for concluído, você pode retomar a inspeção de pranchetas ou navegar de uma prancheta para outra.

Caixa de diálogo mostrando o progresso do download
Caixa de diálogo mostrando o andamento do download em links publicados por meio do XD 44 e versões posteriores.

Se você receber um erro ao baixar ativos, peça ao designer para republicar o link e compartilhá-lo novamente.

Erro ao baixar ativos
Erro ao baixar ativos

Mais itens semelhantes

Receba ajuda com mais rapidez e facilidade

Novo usuário?

Links rápidos

Veja todos os seus planos Gerenciar seus planos
Ver links rápidos
Ocultar links rápidos

Avisos legais | Política de privacidade online