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.
When using the Desktop Preview for a 1920 x 1080 web prototype, it's actually showing it at ~93% the full size (see attached images with the black bars on the side).
Can we have a full screen mode that shows it at the accurate size?
Stephan Lenting commented
Another incredibly simple feature that doesn't work... i've really given XD a serious try but the software is so limited. I'm actually looking forward to InVision Studio.
André Ferraz commented
Just to emphasize: Yeah, we really need this feature. Obviously for mobile we would need this to be resized as it already is, but for web (desktop/notebook) prototypes it needs to be 100% size, doesn't make sense be another way. As you can see this is already an decisive feature for many professionals to switch from InVision to XD. Maybe we can choose the if it will be show as 100% or fit.
I really believe in this software and wait excited for this feature.
not buying this until this basic and straight forward update is made
Danni Engel commented
When will this be fixed? Very frustrating and not user-friendly when sending web version prototypes to clients. Please fix ASAP!
Is there any movement on this issue? This is over a year old and it seems to be a pretty basic fix to the container the prototype is displayed in rather than application code.
Harun Alikadić commented
This is crucial. Prototype should be actual size, not 25% smaller. Client is bothered by small font size, which actually is good if seen at 100%. This makes me still need to use (and pay) InvisionApp.
I agree with the comments below. I just switched companies and my new company uses Axure. I'm used Sketch before and loved it. Now I am at company that designs on Windows machines and I'm testing XD to see if we can incorporate it into our workflow. I love using the tool so far, but we can't use it with stakeholders if whenever we share designs they show up as 70-80 percent of the original design. Even when I click on full width, the designs show up as slides in the browser. Very frustrating.
Yup.. I can't use XD until this is fixed. Need to be able to prototype a web page that scrolls and displays at 100%. The current presentation format scales designs to fit the viewport like old skool flash animations or a powerpoint... The border around the artboard is also not necessary or desirable.
+1 Scaling is a very odd decision for all the reasons mentioned below.
Mark Kamensek commented
The major pain I have is: When I try to preview on a VERY high resolution (or very low resolution) screen, my artboards are LOCKED at their original size. If I'm trying to view "Full Screen" on a Thunderbolt (at 2500+x2500+ or whatever ungodly high setting I put it to) and the dartboard is only 1366x768 - it looks like a tiny box in the middle of my monitor - NOT the full-screen.
If you're trying to test a design that will be used on multiple monitor resolutions in "full screen" - it would be nice if I could stretch the preview to fit the preview window.
Ben Jordan commented
I agree with showing at 1x and looking at Invision as an example. It almost always looks like I expect it to. Scaling causes confusion as well as blurry images and pixellation.
Sebastian Jopen commented
Wenn starting "preview" or "publish on the Web" view is 75% scaled and I have no possibility to change settings or zoom to 100%
Zach Bruce commented
Always leave the image at the (1x) Actual Size and DO NOT scale. Scaling leads to client confusion EVERY TIME. InVision handles this well: Where the only time it scales is when you define a Phone or Tablet size that's different from your designs. Otherwise, it maintains the resolution you design at, and overflow-scrolls the remaining width/height.
Chavez P commented
This has been a big reason why I have still been prototyping in InVision as I was surprised you guys didn’t have the prototypes reflecting a realistic scale. Option 2 sounds best. That way we always see the browser at the correct size but also scaled in the case of viewing on a smaller monitor. Some people seem to make a case for having both, but I don’t see why you would want to prototype anything that needs to be scrolled horizontally as it would not be a god representation of how the web works when presenting to team/clients.
My thought on this:
Add options for
• "Actual Size"
• "Shrink to Fit Width"
• "Scale to Fit"
Until you added this feature, please stop scaling at all. :-)
Ferran Alvarez commented
I think we should consider both ways by a setting option for each prototype because I would expect different behavior depending if I'm working for a responside website, or a UI for a device control panel (for instance a printer), or a ATM, or...
@joan This is must feature to have and according to me I would like to go with option2 for better USER EXPERIENCE as nobody wants to use horizontal scroll. Also responsiveness is must for any prototype while you are previewing.
So my choice is OPTION 2
Olen Ronning commented
Never, ever scale. 100%, 1:1.
Actual size of prototype means 100%scale.
It means that if you made an artboard 1920 × 900 px and watch it online on a 1366 x 768 screen it must have horizontal and vertical scrolling. And it is not related to the Viewport Height and vertical scrolling that we define in Design mode.
Another question is how to realize this.