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.
Just spent a week creating a prototype in XD - and on share it is scaled down too small to conduct the web-based UX tests I need to do this week. Looks like I have to recreate from scratch using Sketch + Invision. I can't find any solution on the web to this, so I think it must be a bug related to this feature request. Attaching screen shot of the same prototype - on the right is "100%" view in XD, on the left is what it looks like in the browswer at 100%. Zooming browser view does not change it.
Any workaround tools that actually do the job to present a design file at actual size?
I am hesitant to share live previews of my designs with clients because of this scaling issue, and because of this I might not use Adobe XD until it's fixed. This is a pretty major issue. How can clients evaluate the user experience design of a product if it's not scaled properly?? This scaling issue 100% affects user experience. Fix it!
Any update on this feature?
Adobe are you there?
Timo Martin commented
There is a big flaw in Xd with the presentation mode that leaves normal customers that don't understand that the fixed aspect ratio is scaled to fit the browser screen.
If I design a website in Adobe Xd I usually design it in the aspect ratio of my TV that I present my prototypes to my customers if they can make an appointment to come to my office. However, often times that is not the case and I have to send out the share link, that Xd provides for me.
Screensizes differ, we as developers know that, but customers that don't know how prototypes work are usually left with white bars either on the sides or on the bottom, where they can't even scroll the website.
I've had several presentations with my clients where they thought those white areas where part of the design and didn't like my design at all.
My solution: provide more options where we can select how we want the prototype to be scaled in share mode.
The optimal option for me would be: artboard at full-width and (to say it in CSS) viewport at 100vh (100% of browser height). That way the artboard would scale to cover the full width, but also extend the viewport height to 100% without scaling the artboard.
Without this fix I need export the artboards to build my own clickdummy manually in HTML which is that, because Xd has so much data about the projekt that it could easily scale the prototype by itself.
PS: I censored data from client in the screenshots, I just wanted to visualize the problem. Red dotted line = artboard/viewport end.
If I have to explain to my leadership team one more time that the mockups are slightly smaller than what they should look like and there is no way to view them like that in XD again I'm going to switch back to Invision.
Come on Adobe. At least give me the cheat code again so I can fake it in the browser.
Dear Adobe, do we have to respond on this thread EVERY DAY to finally get this fixed?
Lucas Czuchraj commented
Does anyone look at these from the Adobe team or are their heads up the @sses
Just has a client complain about this very issue today. Especially since we had Invision and Marvel in our previous workflows. We've totally transitioned to XD, but this is extremely disappointing.
Umm, I've just trying XD to see if I wanna switch software....was happy until I tried publishing and can't quite believe this is an issue! Really?!...I gotta export my design into Invision to show anyone at actual size??
This still isn't fixed, CMON ADOBE!
Just got back from meeting where i was explaining client that preview is not real size of his web!
Come on Adobe...
[Deleted User] commented
Yes, we've stopped showing clients links to XD now, and simply export them as jpgs, and preview them at 100% in the browser... bit annoying, but stops any confusion when it comes to them signing off on font sizing and layout...
This is must have!
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