Guía del usuario Cancelar

Vista previa en dispositivos móviles

  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. Requisitos del sistema
      1. Requisitos de hardware y software
      2. Adobe XD, Big Sur y Apple Silicon | macOS 11
    5. Conceptos básicos del espacio de trabajo
    6. Cambiar el idioma de la aplicación en Adobe XD
    7. Acceder a kits de diseño de interfaz de usuario
    8. Accesibilidad en Adobe XD
    9. Métodos abreviados de teclado
    10. Consejos y trucos
    11. Opciones de suscripción de Adobe XD
    12. Cambios en el plan de inicio de XD
  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
  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

Previsualice sus diseños móviles en tiempo real, o abra sus archivos de XD guardados desde Creative Cloud, usando la aplicación XD en dispositivos móviles. Previsualice también todos los prototipos publicados en un navegador móvil sobre la marcha.

Usando la aplicación móvil de Adobe XD, podrá hacer lo siguiente:

 Si su dispositivo ejecuta Adobe XD en Windows 10, no se admite la vista previa en tiempo real a través de USB con Android.

Requisitos para obtener vistas previas en un dispositivos móviles

Para obtener una vista previa en tiempo real o abriendo archivos XD desde Creative Cloud:

Para obtener una lista de las versiones admitidas de iOS y Android, consulte Preguntas frecuentes sobre Adobe XD en móviles.

Para obtener una vista previa de los prototipos publicados:

  • Navegador móvil.

Para obtener una lista de los navegadores móviles compatibles, consulte Navegadores compatibles.

Obtener una vista previa de prototipos en tiempo real en dispositivos móviles

Previsualice sus diseños en tiempo real en dispositivos móviles conectados a su ordenador mediante un cable USB.

Obtener una vista previa de prototipos en tiempo real en dispositivos
Obtener una vista previa de prototipos en tiempo real en dispositivos

  1. Conecte el dispositivo móvil al puerto USB del ordenador que esté ejecutando Adobe XD en escritorio. Asegúrese de haber instalado la última versión de XD en escritorio disponible en Creative Cloud.

     

    • Asegúrese de utilizar cables USB que transfieran datos. Algunos cables USB solo se pueden usar para cargar los dispositivos y no pueden transferir datos.
    • ¿Desea conectar un iPhone a un equipo Windows? Asegúrese de haber instalado iTunes para Windows para obtener una vista previa de su diseño o prototipo en un iPhone.
  2. Abra Adobe XD en el dispositivo.

  3. La mesa de trabajo que esté actualmente seleccionada (o en el foco) en Adobe XD en escritorio se mostrará en el dispositivo. Todos los cambios que realice en sus diseños se reflejarán en tiempo real en su dispositivo móvil.

    Si añade cables creando interacciones en modo Prototipo, puede ver cómo funcionan las interacciones, tal y como lo hacen, en la ventana Vista previa del escritorio.

  4. Use el gesto de triple toque en la pantalla de la aplicación móvil para obtener más opciones:

    • Navegar por mesas de trabajo: para desplazarse por todas las mesas de trabajo del diseño.
    • Compartir esta pantalla como imagen: para compartir una mesa de trabajo concreta como archivo PNG a través de correo electrónico, Slack u otros canales.
    • Sugerencias sobre puntos importantes: para habilitar sugerencias sobre puntos importantes mientras se visualiza el prototipo.
    • Navegación por deslizamiento: para evitar el deslizamiento al interactuar con un prototipo.
    • Opciones de visualización: para ver su diseño en diferentes tamaños.

Vista previa de documentos XD guardados como documentos en la nube

Puede obtener una vista previa de sus documentos de XD guardándolos como documentos en la nube en su escritorio. 

  1. Asegúrese de que su documento XD esté guardado como documento en la nube en su escritorio.

  2. Abra Adobe XD en el dispositivo móvil.

  3. En Documentos XD, puede ver todos los documentos XD de su carpeta de documentos en la nube. Puede buscar archivos por nombre de archivo y luego ordenarlos en orden ascendente o descendente (alfabético o fecha de modificación). Cuando haya encontrado el archivo que desee, tóquelo para verlo.

  4. Al previsualizar, use el triple toque para acceder a las opciones de prototipo:

    • Navegar por las mesas de trabajo: para buscar las mesas de trabajo deseadas en el diseño y saltar a ellas.
    • Compartir esta pantalla como imagen: para compartir una mesa de trabajo concreta como archivo PNG a través de correo electrónico, redes sociales o cualquier otra opción de uso compartido proporcionada por el dispositivo.
    • Sugerencias sobre puntos importantes: para habilitar sugerencias sobre puntos importantes mientras se visualiza el prototipo.
    • Navegación por deslizamiento: para habilitar el deslizamiento al interactuar con un prototipo.
    • Opciones de visualización: para ver su diseño en diferentes tamaños.

     Si la función de accesibilidad para zoom está habilitada, puede usar el gesto con dos dedos en lugar del normal con tres dedos.

  5. Una vez que haya revisado el diseño en su aplicación móvil, puede compartir el prototipo con los revisores. 

    Antes de compartir el prototipo, asegúrese de tener activadas las sugerencias sobre puntos importantes. Realice un triple toque en la pantalla móvil y active Sugerencias sobre puntos importantes.

  6. Comparta el vínculo del prototipo con otras personas a través de correo electrónico, redes sociales o cualquier otra opción de uso compartido que ofrezca su dispositivo. Realice un triple toque en la pantalla móvil y presione Compartir para revisión.

     Puede compartir un prototipo solo si se ha compartido al menos una vez antes de usar la aplicación de escritorio de XD.

Fuentes en dispositivos móviles

A continuación se indican algunas formas de administrar las fuentes en el dispositivo móvil:

  • Cuando es posible, las fuentes se envían al dispositivo cuando se previsualiza en el móvil. Sin embargo, determinados proveedores de fuentes no permiten la transferencia, exhibición ni distribución de sus fuentes. Usted es responsable de garantizar que respeta el contrato de licencia de fuentes entre usted y el proveedor de fuentes.
  • Mientras ve un prototipo en un móvil, si la fuente necesaria no estuviera presente en el dispositivo, recibirá un mensaje de alerta. Los fuentes que faltan se sustituyen por las que estén disponibles.
  • Adobe Fonts
    Las fuentes de Adobe Fonts se activarán automáticamente y se mostrarán correctamente al abrirse una vista previa de un documento en la nube de XD en las aplicaciones móviles de XD para iOS o Android.
  • Fuentes que no son de Adobe
    iOS 13.0 admite la instalación de fuentes personalizadas. Los usuarios pueden instalar fuentes personalizadas a través de aplicaciones de terceros mediante los métodos que Apple proporciona o mediante la aplicación móvil de Creative Cloud iOS (iOS 13.1 y posterior). 

Eliminar los archivos de XD descargados desde el dispositivo

Para controlar el espacio de almacenamiento en su dispositivo móvil, puede eliminar archivos descargados, tocando Ajustes > Preferencias.

Aquí puede ver la cantidad de espacio local utilizado, y luego tocar Eliminar documentos sin conexión para eliminar documentos de XD descargados a su dispositivo.

También puede eliminar archivos individuales seleccionando el archivo en cuestión y deshabilitando la opción Disponible sin conexión.

Obtener una vista previa de prototipos publicados en navegadores móviles

Al abrir un vínculo compartido en un navegador móvil, podrá ver el prototipo con una mesa de trabajo ampliada mediante zoom. Si las mesas de trabajo del prototipo están desvinculadas, deslice el dedo hacia la izquierda o hacia la derecha para pasar de una mesa de trabajo a otra.

Vista ampliada con zoom
Pellizcar para ampliar

Al abrir el prototipo por primera vez, la ventana del navegador puede permanecer inactiva durante tres segundos y, a continuación, aparece un icono de pellizco. Este icono de pellizco no volverá a aparecer en el mismo navegador, aunque abra otro prototipo publicado. Utilice el gesto de pellizco para pellizcar en la mesa de trabajo para la vista panorámica. 

Puede usar las siguientes opciones en la vista panorámica:

  •   : icono para acceder a la mesa de trabajo de inicio. 
  •  : flechas para desplazarse por las mesas de trabajo. 
  •  : icono para comentar diseños y prototipos.

 Use el gesto de pellizcar para hacer zoom y ver el tamaño original del prototipo. Puede aumentar al 200 % y reducir al 25 % sin perder la calidad del contenido.

Comentar diseños y prototipos en navegadores móviles

Puede hacer comentarios sobre diseños y prototipos públicos sin iniciar sesión en primera instancia.

pellizcar para ver
Mesa de trabajo de inicio

  1. Pellizque la pantalla para mostrar las opciones en la mesa de trabajo Inicio
  2. Use los cursores para ir a la pantalla que desea comentar. 
  3. Toque el icono de comentario para comentar prototipos o diseños compartidos.
comment-first
Comentar primero e iniciar sesión

4. Toque el icono de enviar  e inicie sesión con su Adobe ID y su contraseña para enviar sus comentarios o responder a comentarios existentes.

 También puede iniciar sesión como invitado para dejar un comentario. Si tiene un vínculo web privado, necesitará un Adobe ID para iniciar sesión.

Vista previa de diseños en diferentes resoluciones

Escalar para ajustar

Escale su diseño hacia arriba o hacia abajo para que se ajuste a la anchura o altura de su dispositivo, lo que no corte su diseño. Las mesas de trabajo solo escalarán hasta el doble de su resolución original. 

Ver al 100 %

Vea su diseño con la resolución que diseñó, sin ninguna escala. Si su diseño se sale de la pantalla, use dos dedos para obtener una panorámica.

Libre

Amplíe y reduzca sus mesas de trabajo, pellizcando con dos dedos para hacer zoom y obteniendo una panorámica con dos dedos. Las mesas de trabajo solo escalarán hasta el doble de su resolución original. Las interacciones seguirán funcionando en esta vista. 

Logotipo de Adobe

Inicia sesión en tu cuenta