Skip to main content
Jaime_Valbuena
Participant
February 20, 2019
Answered

Shared prototype is not displayed 1: 1

  • February 20, 2019
  • 4 replies
  • 1170 views

When you create prototypes for desktop and share them, they do not look at 100% (1: 1) size. I see that they are resized to the size of the browser window. This is a big problem. A client must see sources, images and others, at the real size.

    This topic has been closed for replies.
    Correct answer Kenneth Kawamoto

    If you create an artboard that fits to the browser window it will show at 100%

    4 replies

    Participant
    April 4, 2019

    Kenneth is correct – if your browser’s viewport is the same size or larger than the dimensions of your XD artboard your design will display at 100%, but there is also one additional factor to consider – the Viewport Height setting. If your XD design is larger than your browser’s viewport in either the height or width the prototype will scale down. You can compensate for tall designs by setting Scrolling to Vertical and setting a smaller Viewport Height.

    It would be nice if there was a setting for prototypes where you could force 1:1 regardless of the viewport size. That would potentially display horizontal and/or vertical scrollbars in the browser, but that could be preferable in some cases.

    So, the prototype will scale depending on three factors:

    1. width of the browser
    2. height of the browser
    3. Viewport Height setting in XD

    In your case, your prototype is 1920x1080. When I view your prototype on a monitor that is larger than your design, I see it at 1920x1080, when I view it on my laptop – which is 1680x1050 – the design is reduced to fit.

    operacionesw77414163
    Participant
    February 20, 2019

    I mean the original size, it's decile 1: 1. I have tried desmaecando and marking the option for full size; but the problem is the same. Being full screen the design is scaled to the size of the window.

    Link to share Adobe XD: https://xd.adobe.com/view/e04df005-e708-482a-684b-706785c07b8f-967c/

    I invite you to change the size of the window. You will notice that the design is adjusted and not shown at 100% (actual size)

    Link example 100% (1:11) - (No share Adobe XD): http://bit.ly/2GyMWiQ

    In this example, the design always looks real (1: 1); despite the size of the window

    Ares Hovhannesyan
    Community Expert
    Community Expert
    February 20, 2019

    Do you mean their original size or proportional size? Befor sharing try to uncheck  "Open in full screen" mode

    Kenneth KawamotoCommunity ExpertCorrect answer
    Community Expert
    February 20, 2019

    If you create an artboard that fits to the browser window it will show at 100%