Como compartilhar seus designs e protótipos do Adobe XD

Adobe XD é uma ferramenta usada por muitos designers para criar maquetes e wireframes para uma variedade de mídias. Isso inclui aplicativos de software, aplicativos móveis ou sites.

Se você estiver criando designs e protótipos para seus colegas ou clientes, pode ser necessário enviar seus designs para eles. Esta é uma boa oportunidade para você obter feedback sobre seus designs, apresentá-los ou testá-los.

No Adobe XD, você pode gerar um link de compartilhamento com base em suas necessidades de compartilhamento. Isso inclui revisão de design, desenvolvimento, modo de apresentação e teste de usuário. Você também pode adicionar suas próprias configurações personalizadas de link de compartilhamento.

Como compartilhar seu design para revisão de design

A predefinição de revisão de design permite que outras pessoas visualizem seu design e deixem feedback por meio de comentários. Você também pode iniciar uma discussão sobre seu protótipo ou design compartilhado.

Se você ainda não começou a criar seu design, saiba mais sobre como começar

criando gráficos no Adobe XD. Você também pode aprender a criar designs para web e mobile aplicativos com o Prestige Adobe Suite UI/UX Certification Bundle.

Para compartilhar um projeto para revisão de projeto:

1. No Adobe XD, clique no botão Compartilhar guia na parte superior da janela do aplicativo.
2. Clique em Exibir configuração, e selecione o Revisão do projeto predefinido.
3. Clique no Link de atualização botão para gerar um novo link.
4. Abra o novo link fornecido no painel direito.
5. Quando seu design abrir em um novo navegador, clique no botão mensagens ícone na coluna da direita para abrir o painel de comentários. É aqui que você pode adicionar comentários à sua visualização de design. Outros usuários também podem adicionar críticas e comentários sobre seu trabalho, aos quais você pode responder.

Como compartilhar seu design e ativos de interface do usuário para desenvolvimento

Quando você compartilha seu design com desenvolvedores, eles geralmente também exigem o ativo ou a imagem que você incluiu em seu design. Você pode adicionar esses recursos ao seu link para que os desenvolvedores baixem e usem.

Para compartilhá-los, você também precisará marcar seus ativos para exportação.

1. No Adobe XD, clique no botão Projeto guia na parte superior da janela do aplicativo.
2. Para cada recurso que deseja compartilhar com os desenvolvedores, clique com o botão direito do mouse no recurso e selecione Marcar para exportação.
3. Clique no Compartilhar guia, localizada na barra superior do aplicativo Adobe XD.
4. Debaixo de Exibir configuração opção, selecione o Desenvolvimento predefinido.
5. Marque a Recursos para download caixa de seleção na configuração Exportar para iOS.
6. Clique no Link de atualização botão para gerar um novo link.
7. Abra o novo link fornecido no painel direito.
8. Quando seu design abrir em um novo navegador, clique no botão código ícone na coluna da direita. Isso permitirá que você e outros usuários visualizem todos os recursos disponíveis em seu design. Você e outros colaboradores podem baixar os recursos usando o download botão fornecido.

Como compartilhar seu design para fins de apresentação ou teste

Você pode compartilhar seu design e abri-lo como uma janela de tela inteira para apresentá-lo a outras pessoas. A funcionalidade de tela inteira também é útil se você quiser compartilhar o link com outras pessoas que vão testar seus modelos.

1. Clique no Compartilhar guia na parte superior da janela do aplicativo Adobe XD.
2. Debaixo de Exibir configuração opção, selecione o Apresentação predefinido se você estiver planejando apresentar seu design. Você também pode selecionar o Teste de usuário predefinido se outro usuário estiver testando um protótipo.
3. Clique no Link de atualização botão para gerar um novo link.
4. Abra o novo link fornecido no painel direito.
5. Aguarde até que seu design seja aberto em um novo navegador. Use o seta botão na parte superior da janela do navegador para visualizar seu design no modo de tela inteira para apresentações e testes de usuário. Quando estiver no modo de tela cheia, pressione o botão Esc botão no teclado para voltar ao navegador.

Como compartilhar seu design usando configurações personalizadas

Há casos em que você pode precisar de uma combinação de recursos fornecidos em diferentes predefinições de compartilhamento. Por exemplo, você pode precisar que os comentários, o modo de tela inteira e os recursos do desenvolvedor estejam acessíveis em um único link. Para fazer isso, você pode criar suas próprias configurações personalizadas.

Para criar uma predefinição personalizada e gerar um link de compartilhamento:

1. Clique no Compartilhar guia na parte superior da janela do aplicativo Adobe XD.
2. Debaixo de Exibir configuração opção, selecione o Personalizado predefinido.
3. Nas opções personalizadas fornecidas, verifique os recursos que você gostaria de incluir em seu link de compartilhamento. Isso inclui comentários, modo de tela inteira ou recursos do desenvolvedor.
4. Clique no Link de atualização botão para gerar um novo link.
5. Abra o novo link fornecido no painel direito.
6. Quando seu design é aberto em um novo navegador, você pode acessar todos os recursos selecionados nas etapas anteriores.

Você também pode alterar o acesso ao link usando a guia de compartilhamento. Existem duas opções de acesso ao link:

• Alguém com o link
• Somente pessoas convidadas

Por padrão, qualquer pessoa que tenha acesso ao link gerado pode visualizar seu design ou protótipo. Para alterar as permissões do link, modifique a configuração de acesso ao link:

1. Clique no Compartilhar guia na parte superior da janela do aplicativo Adobe XD.
2. Debaixo de Link de acesso opção, altere a opção para Somente pessoas convidadas.
3. Clique no ícone do perfil ao lado do Link de acesso suspenso.
4. Adicione apenas os usuários que podem ter acesso de exibição ao seu documento.
5. Clique no perfil ícone no canto superior direito da janela do aplicativo Adobe XD.
6. Adicione apenas os usuários que podem ter acesso de edição ao seu documento.

Você também pode use o Adobe XD para editar imagens, como adicionar sobreposições.

Compartilhando seus designs e protótipos no Adobe XD

Você pode criar links de compartilhamento no Adobe XD para compartilhar seus designs e protótipos com outros colaboradores. Ao criar um link de compartilhamento, você tem a opção de escolher entre diferentes predefinições, dependendo de suas necessidades de compartilhamento.

As predefinições que você pode selecionar incluem revisão de design, desenvolvedor, modo de apresentação e teste de usuário. Você também pode personalizar os recursos incluídos em seu link de compartilhamento ou alterar as permissões do link para permitir acesso apenas a usuários específicos.

Há tantas outras coisas interessantes que você pode fazer com o Adobe XD. Explore alguns dos novos recursos que a edição Adobe XD47 tem a oferecer.