Los prototipos de Adobe XD publicados no aparecen en los navegadores

  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. 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. 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. Previsualizar diseños y prototipos
    11. Crear prototipos mediante vídeos
  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 recursos de diseño
    12. Exportar y descargar recursos de especificaciones de diseño
  6. Sistemas de diseño
    1. Sistemas de diseño con Bibliotecas Creative Cloud
    2. Trabajar con recursos de documentos en Adobe XD
    3. Trabajar con Bibliotecas Creative Cloud en Adobe XD
    4. Migrar de recursos vinculados a Bibliotecas Creative Cloud
    5. Trabajar con tokens de diseño 
    6. Usar recursos 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 recursos externos
    2. Trabajar con recursos de diseño de Photoshop
    3. Copiar y pegar recursos desde Photoshop
    4. Importar o abrir diseños de Photoshop
    5. Usar recursos 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
      1. Problemas con documentos en la nube de XD
    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

Obtenga información sobre cómo solucionar problemas cuando los prototipos de Adobe XD publicados no aparecen en los navegadores.

Soluciones

  1. Intente ver el prototipo en otro navegador. Diferentes navegadores muestran diferentes comportamientos. 
  2. Solucione el problema de su navegador:
  3. Si no consigue solucionar el problema con los pasos anteriores, explore otras soluciones.

Chrome

Si utiliza Chrome, pruebe cualquiera de las opciones siguientes:

Si el siguiente error está en la consola, la aceleración por hardware podría estar deshabilitada en la configuración de Chrome:

Could not create canvas: Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xffff.

Para habilitar la aceleración por hardware en Chrome:

  1. Inicie Chrome. En la barra de direcciones, escriba chrome://settings/?search=hardware.
  2. Alterne Utilizar aceleración por hardware cuando esté disponible en Sistema.
  3. Reinicie Chrome.

Para comprobar la versión de Chrome y actualizarla, consulte la documentación de Chrome.

También puede probar los pasos siguientes:

  1. Abra una ventana del navegador y escriba: chrome://settings/help.
  2. Compruebe si Acerca de Google Chrome muestra Google Chrome está actualizado.
  3. Si el texto en pantalla no coincide, actualice Chrome a la versión más reciente.

Firefox

Si utiliza Firefox, pruebe cualquiera de las opciones siguientes:

Asegúrese de que Usar aceleración por hardware cuando esté disponible esté habilitado en los ajustes de rendimiento de Firefox.

Para acceder a los ajustes de rendimiento de Firefox, consulte la documentación de Firefox

Para comprobar la versión de Firefox y actualizarla, consulte la documentación de Firefox.

Safari

Si utiliza Safari, pruebe cualquiera de las opciones siguientes:

Si el siguiente error está en la consola, la aceleración por hardware podría estar deshabilitada en la configuración de Safari:

Could not create canvas: Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xffff.

Para habilitarlo, consulte la página de asistencia de Apple.

Para comprobar la versión de Safari y actualizarla, consulte la documentación de Apple.

Edge

Si utiliza Edge, pruebe cualquiera de las opciones siguientes:

Para actualizar los controladores de pantalla, consulte Actualizar controladores en Windows 10.

Compruebe las actualizaciones de Windows.

Opera

Si utiliza Opera, pruebe cualquiera de las opciones siguientes:

Si el siguiente error está en la consola, la aceleración por hardware podría estar deshabilitada en la configuración de Opera:

Could not create canvas: Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xffff.

Para habilitar la aceleración por hardware:

  1. Inicie Opera y, en la barra de direcciones, escriba: Opera://settings/.
  2. En la parte inferior de la página Configuración, haga clic en Avanzado.
  3. Alterne Usar aceleración por hardware en Sistema.
  4. Reinicie Opera.

Para comprobar la versión de Opera y actualizarla, consulte la documentación de Opera.

Otras soluciones

Si sigue sin poder ver prototipos en el navegador, pruebe los pasos siguientes:

  1. Abra un navegador y acceda a http://webglreport.com/. También puede visitar  https://get.webgl.org/ y buscar un cubo que gira.
  2. Si el navegador no es compatible WebGL, vea el prototipo en otro navegador u otro dispositivo.
  1. Para abrir herramientas de desarrollador, haga clic con el botón derecho en el prototipo y seleccione Inspect Element o pulse Comando + Opción + I.
  2. Seleccione la ficha Consola.
  3. Busque un error que contenga WebGL y copie el error.
  4. Publique los detalles del error en Voz del usuario de Adobe XD.

Páginas relacionadas

Logotipo de Adobe

Inicia sesión en tu cuenta