Guía del usuario Cancelar

Crear hipervínculos

Buscar
XD

XD

Abrir aplicación
  1. Guía del usuario de Adobe XD
  2. Introducción
    1. Novedades de Adobe XD
    2. Preguntas habituales
    3. Diseñar, crear prototipos y compartir con Adobe XD
    4. Gestión de color
    5. Requisitos del sistema
      1. Requisitos de hardware y software
      2. Adobe XD, Big Sur y Apple Silicon | macOS 11
    6. Conceptos básicos del espacio de trabajo
    7. Cambiar el idioma de la aplicación en Adobe XD
    8. Acceder a kits de diseño de interfaz de usuario
    9. Accesibilidad en Adobe XD
    10. Métodos abreviados de teclado
    11. Consejos y trucos
  3. Diseño
    1. Mesas de trabajo, guías y capas
      1. Empezar a usar mesas de trabajo
      2. Usar guías y cuadrículas
      3. Crear mesas de trabajo con desplazamiento
      4. Trabajar con capas
      5. Crear grupos de desplazamiento
    2. Formas, objetos y trazados
      1. Seleccionar, redimensionar y rotar objetos
      2. Mover, alinear, distribuir y organizar objetos
      3. Agrupar, bloquear, duplicar, copiar y voltear objetos
      4. Establecer el trazo, el relleno y las sombras paralelas de objetos
      5. Crear elementos repetidos
      6. Crear diseños en perspectiva con transformaciones 3D
      7. Editar objetos utilizando operaciones booleanas
    3. Texto y fuentes
      1. Trabajar con herramientas de dibujo y texto
      2. Fuentes en Adobe XD
    4. Componentes y estados
      1. Trabajar con componentes
      2. Trabajar con componentes anidados
      3. Añadir varios estados a componentes
    5. Máscaras y efectos
      1. Crear una máscara con formas
      2. Usar efectos de desenfoque
      3. Crear y modificar degradados
      4. Aplicar efectos de mezclas
    6. Maquetación
      1. Redimensionado interactivo y restricciones
      2. Establecer relleno fijo para componentes y grupos
      3. Crear diseños dinámicos con pilas
    7. Vídeos y animaciones de Lottie
      1. Cómo usar los vídeos
      2. Crear prototipos mediante vídeos
      3. Usar animaciones de Lottie
  4. Prototipo
    1. Crear prototipos interactivos
    2. Animar prototipos
    3. Propiedades de objetos compatibles con la animación automática
    4. Crear prototipos con teclado y mando de juego
    5. Crear prototipos utilizando comandos de voz y reproducción
    6. Crear transiciones temporizadas
    7. Añadir superposiciones
    8. Diseñar prototipos de voz
    9. Crear vínculos de anclaje
    10. Crear hipervínculos
    11. Previsualizar diseños y prototipos
  5. Compartir, exportar y revisar
    1. Compartir mesas de trabajo seleccionadas
    2. Compartir diseños y prototipos
    3. Establecer permisos de acceso de vínculos
    4. Usar prototipos
    5. Revisar prototipos
    6. Trabajar con especificaciones de diseño
    7. Compartir especificaciones de diseño
    8. Inspeccionar especificaciones de diseño
    9. Controles de las especificaciones de diseño
    10. Revisar y comentar especificaciones de diseño
    11. Exportar activos de diseño
    12. Exportar y descargar activos de especificaciones de diseño
    13. Grupos compartidos para empresas
    14. Hacer copias de seguridad de recursos de XD o transferirlos
  6. Sistemas de diseño
    1. Sistemas de diseño con Bibliotecas Creative Cloud
    2. Trabajar con activos de documentos en Adobe XD
    3. Trabajar con Bibliotecas Creative Cloud en Adobe XD
    4. Migrar activos vinculados a Bibliotecas Creative Cloud
    5. Trabajar con tokens de diseño 
    6. Usar activos de Bibliotecas Creative Cloud
  7. Documentos en la nube
    1. Documentos en la nube en Adobe XD
    2. Colaborar y coeditar diseños
    3. Coeditar documentos que compartan con usted
  8. Integraciones y complementos
    1. Trabajar con activos externos
    2. Trabajar con activos de diseño de Photoshop
    3. Copiar y pegar activos desde Photoshop
    4. Importar o abrir diseños de Photoshop
    5. Usar activos de Illustrator en Adobe XD
    6. Abrir o importar diseños de Illustrator
    7. Copiar vectores de Illustrator en XD
    8. Complementos para Adobe XD
    9. Crear y administrar complementos
    10. Integración de Jira para XD
    11. Complemento Slack para XD
    12. Complemento Zoom para XD
    13. Publicar diseño de XD en Behance
  9. XD para iOS y Android
    1. Vista previa en dispositivos móviles
    2. Preguntas frecuentes de Adobe XD para dispositivos móviles
  10. Solución de problemas
    1. Problemas conocidos y resueltos
      1. Problemas conocidos
      2. Problemas resueltos
    2. Instalación y actualizaciones
      1. XD aparece como incompatible en Windows
      2. Código de error 191
      3. Código de error 183
      4. Problemas al instalar complementos de XD
      5.  Solicitud para desinstalar y volver a instalar XD en Windows 10
      6. Problemas con la migración de preferencias
    3. Inicio y cierre inesperado
      1.  XD se cierra al iniciar la aplicación en Windows 10
      2.  XD se cierra al cerrar sesión en Creative Cloud
      3. Problema con el estado de suscripción en Windows
      4. Aviso de aplicación bloqueada al iniciar XD en Windows
      5. Generación de volcados de fallos en Windows
      6. Recopilación y uso compartido de registros de errores
    4. Documentos en la nube y bibliotecas Creative Cloud
      1. Problemas con documentos en la nube de XD
      2. Problemas con componentes vinculados
      3. Problemas con bibliotecas y enlaces
    5. Crear prototipos, publicar y revisar
      1. No se pueden grabar interacciones de prototipos en macOS Catalina
      2. Problemas con flujos de trabajo de publicación
      3. Los vínculos publicados no aparecen en los navegadores
      4. Los prototipos no se renderizan correctamente en los navegadores.
      5. El panel de comentarios aparece repentinamente en los vínculos compartidos
      6. No es posible publicar bibliotecas
    6. Importar, exportar y usar otras aplicaciones
      1. Importar y exportar en XD
      2. Archivos de Photoshop en XD
      3. Archivos de Illustrator en XD
      4. Exportar a After Effects desde XD
      5. Archivos de Sketch en XD
      6. Aplicaciones de terceros que no aparecen en Exportar

Conozca cómo crear vínculos a páginas web externas en prototipos de Adobe XD.

Cualquier texto, objeto o componente de su diseño puede vincularse a una página web externa o a un programa de correo electrónico. Después de crear un hipervínculo, puede previsualizarlo y compartir las especificaciones de diseño con otros colaboradores.

Crear un hipervínculo de texto

Para crear un hipervínculo de texto a una página web o un programa de correo electrónico, realice los siguientes pasos:

  1. En el modo Diseño, seleccione el texto dentro del contenedor de texto en el que desee crear el hipervínculo.

  2. En el campo Insertar URL aquí del Inspector de propiedades, haga lo siguiente:

    • Para crear un vínculo a una página web, escriba la URL de la página web. Ejemplo: https://www.adobe.com.
    • Para crear un vínculo a una nueva ventana de correo electrónico con la dirección del destinatario, escriba mailto: seguido de la dirección de correo electrónico del destinatario. Ejemplo: mailto:john@xyz.com.

    El hipervínculo de texto que cree se subrayará de forma predeterminada.

Una vez que cree el hipervínculo, podrá editarlo en el modo Diseño o Prototipo.

Crear un hipervínculo de objeto o componente

Para crear el hipervínculo de un objeto o un componente a una página web o un programa de correo electrónico, realice los siguientes pasos:

  1. Cambie al modo Prototipo y seleccione el objeto o componente para el que desee crear el hipervínculo.

  2. Haga clic en la flecha azul del objeto y, en el Inspector de propiedades, cambie la opción Desencadenador a Tocar, Teclas y mando de juego o Voz.

  3. Active en Tipo de acción la opción Hipervínculo.

  4. En el campo Destino, haga lo siguiente:

    Vínculo a una página web

    Vínculo a una página web
    Vínculo a una página web

    Para crear un vínculo a una página web, escriba la URL de la página web.

    Ejemplo: https://www.adobe.com.

    Vínculo a un correo electrónico

    Vínculo a un correo electrónico
    Vínculo a un correo electrónico

    Para crear un vínculo a una nueva ventana de correo electrónico con la dirección del destinatario en el campo Para, escriba mailto: seguido de la dirección de correo electrónico del destinatario. Ejemplo: mailto:john@xyz.com.

  5. Para probar el hipervínculo, haga clic en   Vista previa de escritorio.

    Cuando haga clic en un hipervínculo, siempre se abrirá en una pestaña separada del navegador. 

Cuando publica y comparte un vínculo de especificaciones de diseño, los colaboradores pueden examinar el hipervínculo.

Cuestiones a las que prestar atención

  • Si añade una URL con un protocolo que no sea https o mailto, como http o sin protocolo, le aparecerá una advertencia. Puede modificar la URL o decidir continuar con la URL.
  • Al hacer clic en un objeto con un hipervínculo en el prototipo que utilice http o no tenga protocolo, la URL se abrirá automáticamente con https. Por ejemplo, si añade la URL como http://www.adobe.com o www.adobe.com, el vínculo se abrirá como https://www.adobe.com.
  • Al hacer clic en un objeto con un hipervínculo en el prototipo que utilice un protocolo que no sea http, https ni mailto, como ftp, la URL no se abrirá. Recibirá un mensaje de error que le aparecerá en la parte inferior de la pantalla.
Advertencia cuando no usa los protocolos https o mailto
Advertencia cuando no usa los protocolos https o mailto

Mensaje de error cuando utiliza un protocolo que no es http, https o mailto
Error cuando utiliza un protocolo que no es http, https o mailto

Más información

Vea este vídeo de dos minutos para obtener más información sobre cómo crear y usar hipervínculos en XD.

Activos relacionados

¿Tiene alguna pregunta o idea?

pregunte a la comunidad

¿Tiene alguna pregunta o idea para compartir? Entre y participe en la Comunidad de Adobe XD. ¡Nos gustaría tener noticias suyas y ver sus creaciones!

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?

Vínculos rápidos

Ver todos los planes Administrar los planes
Ver vínculos rápidos
Ocultar vínculos rápidos

Avisos legales    |    Política de privacidad en línea