Compartilhar designs e protótipos

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