Guia do Usuário Cancelar

Criar hiperlinks

Saiba como criar um link para páginas da Web externas por meio de protótipos do Adobe XD.

Qualquer texto, objeto ou componente em seu design pode ser vinculado a uma página da Web externa ou a um programa de email. Depois de criar um hiperlink, você pode visualizá-lo e compartilhar as especificações de design com as partes interessadas.

Criar um hiperlink do texto

Para vincular um texto a uma página da Web ou a um programa de email, execute as seguintes etapas:

  1. No modo de Design, selecione o texto dentro do contêiner de texto para o qual deseja criar um hiperlink.

  2. No campo Insira o URL aqui do Inspetor de propriedades, faça o seguinte:

    • Para vincular a uma página da Web, digite o URL da página da Web. Exemplo: https://www.adobe.com.
    • Para vincular a uma nova janela de email com o endereço do destinatário, digite mailto: seguido do endereço de email do destinatário. Exemplo: mailto:john@xyz.com.

    O hiperlink de texto que você cria é sublinhado por padrão.

Depois de criar um hiperlink, você pode editá-lo no modo de Design ou Protótipo.

Criar um hiperlink de objeto ou componente

Para vincular um objeto ou componente a uma página da Web ou a um programa de email, execute as seguintes etapas:

  1. Alterne para o modo Protótipo e selecione o objeto ou componente que você deseja vincular.

  2. Clique na seta azul no objeto e, no Inspetor de propriedades, defina o Acionador como Tocar em, Teclas e controle ou Voz.

  3. Defina o Tipo de ação como Hiperlink.

  4. No campo Destino, faça o seguinte:

    Link para uma página da Web

    Link para uma página da Web
    Link para uma página da Web

    Para vincular a uma página da Web, digite o URL da página da Web.

    Exemplo: https://www.adobe.com.

    Link para email

    Link para email
    Link para email

    Para vincular a uma nova janela de email com o endereço do destinatário no campo Para, digite mailto: seguido do endereço de email do destinatário. Exemplo: mailto:john@xyz.com.

  5. Para exibir o hiperlink, clique em  Visualização no desktop.

    Quando você clica em um hiperlink, ele sempre será aberto em uma guia separada do navegador. 

Quando você publica e compartilha o link de especificações de design, as partes interessadas podem inspecionar o hiperlink.

Observações importantes

  • Se você adicionar um URL com um protocolo diferente de https or mailto, como http ou sem protocolo, você receberá um aviso. É possível modificar o URL ou optar por continuar com o URL.
  • Quando você clica em um objeto com hiperlink no protótipo que usa http ou sem protocolo, o URL abre automaticamente com https. Por exemplo, se você adicionar o URL como http://www.adobe.com or www.adobe.com, o link é aberto como https://www.adobe.com.
  • Quando você clica em um objeto com hiperlink no protótipo que usa um protocolo diferente de httphttps ou mailto, como ftp, o URL não é aberto. Você receberá uma mensagem de erro na parte inferior da tela.
Aviso quando você não usa protocolos https ou mailto
Aviso quando você não usa protocolos https ou mailto

Mensagem de erro quando você usa um protocolo diferente de http, https ou mailto
Erro quando você usa um protocolo diferente de http, https ou mailto

Saiba mais

Assista a este vídeo de 2 minutos para saber mais sobre como trabalhar com hiperlinks no XD.

Recursos relacionados

Tem alguma dúvida ou sugestão?

pergunte à comunidade

Você tem alguma dúvida ou sugestão? Participe da comunidade do Adobe XD. Gostaríamos muito de ver suas criações e ouvir o que você tem a dizer!

Receba ajuda com mais rapidez e facilidade

Novo usuário?