No modo de Design, selecione o texto dentro do contêiner de texto para o qual deseja criar um hiperlink.
- Guia do usuário do Adobe XD
- Introdução
- Novidades no Adobe XD
- Perguntas frequentes
- Criar designs e protótipos e compartilhar com o Adobe XD
- Gerenciamento de cores
- Requisitos de sistema
- Noções básicas sobre a área de trabalho
- Alterar o idioma do aplicativo no Adobe XD
- Acessar kits de design de interface
- Acessibilidade no Adobe XD
- Atalhos de teclado
- Dicas e truques
- Design
- Pranchetas, guias e camadas
- Formas, objetos e caminho
- Selecionar, redimensionar e girar objetos
- Mover, alinhar, distribuir e organizar objetos
- Agrupar, bloquear, duplicar, copiar e virar objetos
- Definir traçado, preenchimento e sombra projetada para objetos
- Criar elementos de repetição
- Criar designs de perspectiva com transformações em 3D
- Editar objetos usando operações boolianas
- Texto e fontes
- Componentes e estados
- Mascaramento e efeitos
- Layout
- Vídeos e animações Lottie
- Protótipo
- Criar protótipos interativos
- Animar protótipos
- Propriedades de objeto compatíveis com a Animação automática
- Criar protótipos com teclados e controles
- Criar protótipos usando reprodução e comandos de voz
- Criar transições temporizadas
- Adicionar sobreposições
- Criar protótipos de voz
- Criar links de âncora
- Criar hiperlinks
- Visualizar designs e protótipos
- Compartilhar, exportar e analisar
- Compartilhar pranchetas selecionadas
- Compartilhar designs e protótipos
- Definir permissões de acesso para links
- Trabalhar com protótipos
- Revisar protótipos
- Trabalhar com especificações de design
- Compartilhar especificações de design
- Inspecionar especificações de design
- Navegar em especificações de design
- Revisar e comentar especificações de design
- Exportar ativos de design
- Exportar e baixar ativos de especificações de design
- Compartilhamento em grupo para corporações
- Fazer backup ou transferir ativos do XD
- Sistemas de design
- Sistemas de design com as Bibliotecas da Creative Cloud
- Trabalhar com ativos de documento no Adobe XD
- Trabalhar com as Bibliotecas da Creative Cloud no Adobe XD
- Migrar de ativos vinculados para as Bibliotecas da Creative Cloud
- Trabalhar com tokens de design
- Usar ativos das Bibliotecas da Creative Cloud
- Documentos na nuvem
- Integrações e plug-ins
- Trabalhar com ativos externos
- Trabalhar com ativos de design do Photoshop
- Copiar e colar ativos do Photoshop
- Importar ou abrir designs do Photoshop
- Trabalhar com ativos do Illustrator no Adobe XD
- Abrir ou importar designs do Illustrator
- Copiar vetores do Illustrator para o XD
- Plug-ins para o Adobe XD
- Criar e gerenciar plug-ins
- Integração do JIRA com o XD
- Plug-in do Slack para XD
- Plug-in do Zoom para XD
- Publicar o design do XD no Behance
- XD para iOS e Android
- Solução de problemas
- Problemas conhecidos e corrigidos
- Instalação e atualizações
- Inicialização e falha
- Documentos na nuvem e bibliotecas da Creative Cloud
- Prototipagem, publicação e revisão
- Não é possível gravar interações de protótipo no macOS Catalina
- Problemas com fluxos de trabalho de publicação
- Links publicados não são exibidos nos navegadores
- Protótipos não são renderizados corretamente nos navegadores
- Painel de comentários aparecendo repentinamente em links compartilhados
- Não é possível publicar bibliotecas
- Importação, exportação e trabalho em outros aplicativos
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:
-
- 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:
-
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
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.
-
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.
- 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 http, https ou mailto, como ftp, o URL não é aberto. Você receberá uma mensagem de erro na parte inferior da tela.
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?
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!