Compartilhar designs e protótipos

  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. Requisitos de sistema
      1. Requisitos de hardware e software
      2. Adobe XD, Big Sur e Apple Silicon | macOS 11
    5. Noções básicas sobre a área de trabalho
    6. Alterar o idioma do aplicativo no Adobe XD
    7. Acessar kits de design de interface
    8. Acessibilidade no Adobe XD
    9. Atalhos de teclado
    10. Dicas e truques
    11. Alterações no plano inicial do XD
  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. 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. Visualizar designs e protótipos
    11. Criar protótipos usando vídeos
  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
  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
      1. Problemas com os documentos na nuvem do XD
    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 mais sobre como compartilhar seus designs e protótipos com as partes interessadas, desenvolvedores ou colegas designers.

O modo Compartilhar no XD consolida diferentes recursos de compartilhamento em um local centralizado, facilitando o compartilhamento de designs e a colaboração com designers e envolvidos no projeto.

Você pode usar as predefinições integradas, como Revisão de design, Desenvolvimento, Apresentação, Testes de usuário e Personalização para compartilhar seus documentos e gerenciar seus links compartilhados.

Compartilhar

Continue lendo para saber como preparar seus designs para compartilhamento e trabalhar com predefinições para criar, modificar, compartilhar e gerenciar links compartilháveis com facilidade.

Preparar para compartilhar designs

Você pode organizar seus designs e adicionar controles corretos para compartilhá-los com as partes interessadas. Às vezes, você gostaria de criar diferentes versões de um design e compartilhar com diferentes grupos de partes interessadas. Nesses cenários, vários fluxos permitem que você crie e compartilhe diferentes versões de um design no mesmo documento, tudo em um só lugar. 

Vários fluxos são usados com mais frequência ao criar interfaces que contêm fluxos de trabalho diferentes, como telas de logon, telas de registro, listas de reprodução etc.

Por exemplo: ao criar páginas de aterrissagem, postagens em redes sociais, emails e anúncios no XD, você pode criar e compartilhar diferentes versões de seu design no mesmo documento e em um só lugar.

Continue lendo para aprender como definir vários fluxos em seu documento de design para gerenciá-los melhor e criar links compartilháveis para eles.

Compartilhar vários fluxos

Depois que seus fluxos forem definidos e conectados no documento de design, vá em frente e compartilhe-os usando links compartilháveis em várias superfícies de destino.

Siga estas etapas para compartilhar vários fluxos com as partes interessadas:

  1. Alterne para o modo de Compartilhamento.
  2. Todos os fluxos definidos no documento serão exibidos no modo de Compartilhamento
  3. Selecione qualquer um dos fluxos definidos no modo de Compartilhamento e defina as configurações de acesso necessárias antes de publicá-los como links compartilháveis.
  4. Visualize os diferentes fluxos que você criou na tela. Quando você seleciona um fluxo, o XD destaca automaticamente todas as pranchetas nesse fluxo.
  5. Clique em Criar link para gerar um link compartilhável para o fluxo. Para um determinado fluxo selecionado, o modo de Compartilhamento exibe automaticamente os detalhes do último link publicado, como data e hora da última modificação. 

Para os fluxos publicados, um ícone  é exibido na tela de design. Isso ajuda a identificar visualmente o último link publicado e colar rapidamente o link associado em sua área de transferência.

Preparar designs

A. Prancheta inicial para fluxo do iOS (iPhone) B. Ícone para copiar fluxos publicados C. Pranchetas não conectadas no iPhone D. Nome do fluxo para iPad 

Trabalhar com predefinições

O XD fornece predefinições baseadas em cenário para criar links compartilháveis para seus projetos com facilidade. Por exemplo, ao criar um link de design para revisão, basta selecionar a predefinição disponível de acordo com seu requisito, definir permissão de acesso ao link e compartilhá-lo com os envolvidos no projeto. Você não precisa mais se preocupar em definir as opções de comentários ou os controles de navegação. 

Continue lendo para saber como definir permissão de acesso ao link, atualizar e gerenciar os links de revisão de design ou de protótipo usando estas predefinições integradas.

Revisão de design Desenvolvimento Apresentação Testes de usuário Personalização
Receba feedback sobre seus designs ou protótipos Compartilhe especificações de design com desenvolvedores Otimize para apresentar seu design às partes interessadas Convide usuários para testar seu design Personalize a experiência de exibição de seu design
 Configurações padrão para predefinições
  • Comentários
  • Dicas de pontos de acesso
  • Controles de
    navegação
  • Comentários
  • Dicas de pontos de acesso
  • Controles de
    navegação
  • Especificações de design
  • Dicas de pontos de acesso
  • Controles de
    navegação
  • Tela cheia

  • Tela cheia
  • Comentários
  • Dicas de pontos de acesso
  • Controles de
    navegação
  • Tela cheia
  • Especificações de design

Como alternativa, uma vez que suas pranchetas estão definidas e conectadas, você pode optar por:

  • Compartilhar uma única prancheta: selecione-a no modo de Protótipo e a defina como prancheta Inicial. Remova qualquer interação com outras pranchetas.
  • Compartilhar todas as pranchetas: selecione as pranchetas no modo de Protótipo. Certifique-se de que todas as pranchetas estejam conectadas à prancheta Inicial antes de compartilhar.

Como faço para compartilhar uma especificação de design ou um protótipo?

Depois que as pranchetas e os fluxos de interação forem definidos no modo de Protótipo, a especificação de design ou o protótipo estará pronto para compartilhamento. O título do fluxo de interação definido é exibido no painel Título. É possível modificar o título com base em sua necessidade de design.

No menu suspenso Exibir configuração, selecione qualquer uma das predefinições e defina as permissões de acesso ao link para compartilhar as especificações de design ou os protótipos. Clique em Criar link. O URL é exibido no painel Configurações do link.

Você pode definir permissões de acesso ao link para especificações de design e protótipos compartilháveis com a ajuda de links públicos, privados ou protegidos por senha.

Ao compartilhar um protótipo ou uma especificação de design, você pode optar por publicar um link público ou um link privado seguro e ainda alterar sua configuração de acesso de forma intercambiável a qualquer momento. 

Definir permissões de acesso ao link
Definir permissões de acesso ao link

Ao alterar a configuração de acesso ao link de público para privado ou de privado para público:

  • O URL do link permaneça o mesmo.
  • Os convidados adicionados ao link sejam preservados.

Depois que os links de senha são publicados, você não pode alterar a configuração de acesso ao link. Se você quiser alterar as configurações de acesso, será preciso criar outro link.

Não é necessário criar um novo link para um documento do XD. Conforme você modifica seu design ou sua predefinição, é possível atualizar um link existente compartilhado para revisão.

Exemplo 1: se você criou vários fluxos nos protótipos e os compartilhou para revisão, todos os links criados aparecerão no seletor de URL. Agora você pode escolher qualquer link e atualizá-lo clicando em Atualizar link.

atualizar link

Exemplo 2: se você criou um link de protótipo, compartilhou-o para revisão e agora precisa compartilhar o protótipo com um desenvolvedor, vá para a Configuração de exibição, alterne para Desenvolvimento e clique em Atualizar link

Alterar predefinição

Ao atualizar o link, o mesmo URL é atualizado com as informações de predefinição mais recentes, enquanto as alterações, as conversas e os comentários anteriores são mantidos.

Você pode gerenciar os links publicados do seu documento do XD acessando o site Gerenciar links pelo XD. 

Gerenciar links

2. No site da Creative Cloud, você pode copiar ou excluir um link publicado. 

1. No seletor de URL, selecione Gerenciar links.

Experiência completa de fluxos de trabalho de compartilhamento

Como designer, é possível compartilhar fluxos em seus designs ou protótipos usando qualquer um dos exemplos de predefinição disponíveis e definir as permissões de compartilhamento. Os revisores podem adicionar, remover ou aceitar solicitações de outros grupos de revisores que desejam acessar ou exibir o link privado seguro.
Assista a esta animação de exemplo para saber como compartilhar seus designs para revisão e ajudar os revisores a compartilhar os designs ou protótipos depois.

fluxo de trabalho do designer

Como revisor, é possível acessar o convite de revisão no email e comentar nos designs ou nos protótipos compartilhados.

Assista a esta animação para saber como acessar o convite de revisão e comentar no design compartilhado.

Revisor

Saiba mais

Para saber mais sobre protótipos no XD, assista a este vídeo.
Duração: 5 minutos

O que vem por aí?

Apresentamos o essencial sobre compartilhamento de designs e protótipos. Vá para a próxima etapa e saiba mais sobre como comentar nos protótipos e nas especificações de design.

Tem alguma dúvida ou sugestão?

1

Está com problemas para compartilhar seus designs ou protótipos? Confira este artigo para encontrar uma solução. 

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.

Logotipo da Adobe

Fazer logon em sua conta