Los prototipos de Adobe XD no se procesan correctamente cuando se ven en un navegador web

Problema

El tamaño de los prototipos de Adobe XD se contrae al verlos en un navegador.

Causa principal

Si los prototipos aparecen contraídos en un navegador y todo el ancho y el alto de la mesa de trabajo están ajustados a la ventana del navegador, el parámetro Desplazamiento se aplica a la mesa de trabajo.

Las mesas de trabajo en XD tienen una opción en el inspector de propiedades denominada Desplazamiento que se puede definir en Ninguno o en Vertical.

• Si Desplazamiento se define en Ninguno, toda la mesa de trabajo se ajusta a la ventana del navegador sin barras de desplazamiento.
• Si Desplazamiento se define en Vertical, el valor Altura del área de visualización definido para la mesa de trabajo del inspector de propiedades decide el modo en que el contenido se muestra en el navegador:
  • Si el área de visualización y la mesa de trabajo no tienen la misma altura, la altura del área de visualización se ajusta a la ventana del navegador; asimismo, la anchura se ajusta para mantener la proporción.
  • Si el área de visualización y la mesa de trabajo tienen la misma altura, su anchura se ajusta a la ventana del navegador (si es necesario) y se ajusta la altura.

Al crear una mesa de trabajo personalizada en XD, la propiedad de desplazamiento se establece automáticamente en Ninguna.Esto hace que una mesa de trabajo grande parezca pequeña. 

Solución

Utilice la opción Desplazamiento para controlar el aspecto del prototipo publicado de la forma que tiene prevista que lo vean los grupos de interés.

En el caso de los diseños que representan páginas grandes como sitios web y folletos, defina la opción Desplazamiento en Vertical y proporcione el correspondiente valor del área de visualización.