View and share design prototypes at actual size
The full-screen feature is nice but I need to be able to show clients what my designs will look like at actual size on the web. The prototypes need to be displayed at the size they are designed at. This is the one feature that would justify me switching from using InVision for my prototyping.
Please fix it guys, it's outrageous. My clients are always asking me why everything looks so tiny in the export. And I have to resize everything from 1920px wide to their 1366px wide monitors, so they can see everything at the original size.
Please do something about it, we all obviously love XD, despite its imperfections, but this is really serious, we design for the web as well, not only for mobile.
Please fix it, this is so annoying for clients.
Yea this is a big problem when showing designs. This issue is not fixed by simply making the viewport the same height as your browser window as, invariably, other stakeholders have different browser heights/sizes/resolutions. The only way around this is to export the design as a png and place it into an html page (which I used to do and worked). However, this extra step was a pain. So surprised Adobe are not aware of this.
Thiago F. commented
That's a core feature that has serious impact on how our clients could evaluate a design and needs to be implemented soon.
And I only find out about this before delivering work to client! That's embarrassing!
Guillaume Millot commented
I fully agree. We're hesitating between Adobe XD and another tool. And because of that (and a few simple issues like this one..)..
Ranieri Pavanato commented
Just do it, it is shameful to present my work and it is not compatible with reality
I've set the scrolling to vertical, but setting the viewport to a certain height doesn't fix the issue of being able to see the preview at the designed size. The image is still simply scaled to fit the browser width. So if my client's using a laptop it shrinks text and images, on a desktop it scales up. It still would be a vital feature to ensure the client's seeing the text and image sizes at the intended size. Am I missing something?
Yes, as last person mentioned, selecting 'vertical' for scrolling in the panel on the right sorts it out. Phew
I just spent hours mocking up and prototyping a website in XD, only to have the prototype display at around 16% in the browser window (these are long pages), which is completely useless for previewing or interacting. I can't believe there's no way to view designs AS DESIGNED at 100% in the published or previewed prototype. This is a dealbreaker. I'm going back to Sketch and Invision until this is fixed. Is there no workaround?
UPDATE: This fixes it – select an artboard, choose Vertical for scrolling, and enter a viewport height equal to your browser's height.
Johan Grönwall commented
Do it now.
Agree with others that the prototype fonts and styles differ from the website. XD really needs to allow us to be able to show the actual product to a client for it to be a fully functional piece of software. Until then it's just a mock-up.
Mark Joncheff commented
Yes this is a huge issue because I get clients coming back with "The font size is too small" but this is consistent because the client doesn't realize they are zoomed out from the actual size of the designs.
It would be great if there was a Zoom % box field in the corner just like the design view has or PDF reader.
This is a big issue that is causing confusion and stopping the design process due to issues with viewing the designs.
We tried sending PDF versions of the screens but that is another issue being huge file sizes and the actual size in adobe reader is 66% for some weird reason.
This is very annoying. The end-result differs from what is shown in the XD-design.
I am referring to the Share For Review browser prototype, sorry for the misunderstanding. It doesn't make any sense that a website will be scaled down to 70% of its original size. It looks bad, it doesn't make sense, and we have to give all sorts of explanations to clients wondering why the text is barely readable, especially on smaller resolutions.
It's extremely frustrating.
Maybe most designers use XD for app design, but the web part is very important. When designing a web page and using a 1920px width for a page, why isn't it 1920px wide in the prototype mode fullscreen as well? It's ridiculous, I have to explain to my clients that XD is simply not smart enough to show the right dimensions of the page....
What is the hold up on this. Seem simple and obvious. Do we have to use InVision.
Romio Joseph commented
2016 - feature under review
2017 - feature in the backlog
2018 - feature started
2019 - feature under review ???
Why is that? This is main feature everyone needs. Clients looking at our designs most probably in tab/laptop? Please give importance to this. Getting client feedback like everything is scaled down and I'm tired of explaining myself. I have to share the images now. Then what is point of using it now
This is one reason I still stick with Sketch over XD. The whole point of prototyping is to approximate the real thing, and automatically sizing to fit screen defeats the purpose. This isn't PowerPoint. It's a prototyping tool. Please fix this.
Danilo Oliveira commented
I create a website prototype 1440px wide and using the XD App prototype preview, the design show with the right size.
But when I use the share feature and open the online preview, the design show smaller than its original size, 1440px
This happened uploading and viewing from with 3 different Macs, with and without retina display.
Any ideas why?