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.
Seriously Adobe? Users have been reporting this problem for 4 years. This is must have! Without this XD is useless for web design. Nothing has happened in this case since 2016. When will you fix it? This is so annoying.
@joan_lafferty or any other admin, is it possible to get a status on this? The feature was under review in 2016, got backlogged, and has been under review again for nearly a year... Any ETA?
Hannah Moore commented
I’m having the same issue and I’ve tried everything to overcome this.
This issue needs to be resolved ASAP as it’s becoming an ever-increasing issue when showing my design to clients.
I’m constantly having the same argument about scaling and being responsive.
Daniel Jones commented
We have just come to the end of a client project where the inability to preview at 100% on smaller devices has repeatedly caused fundamental issues and has ultimately jeopardised our working relationship with the client.
We are looking at ways of working around this issue but are seriously considering changing our workflow to include software which allows our clients to preview accurately.
This is still a massive issue in 2020, can you please stop ignoring the community and find a solution.
David Plant commented
We need this ASAP
Cristi Banu commented
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.
Cristi Banu commented
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.