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.
You can now choose the zoom setting in the shared prototype. By setting it to 100%, you’ll be able to see the screen at the designed zoom level, regardless of the viewport. If you have additional feature requests, please feel free to file them as new tickets!
My shared prototype opens at 67.1% - I know I can set it to 100% but I see no reason why it opens in this zoom setting. I want my client to click my link and see everything as should be. Also, when I zoom to 100% everything gets pixelated.
Remy B commented
Adobe are you still there? It's been 4 years now and there still isn't an option for this, now I have to make my designs x2, and then when exporting for review scale it at x0.5, just add an option to scale to fit my preview...
Would be great to have an option for to resize to fit screen, both in share mode but also in preview. So if you are designing on a 2560x1440 resolution monitor and the design is 1920x1080, you could scale up or down depending on the viewing monitor.. E.g. my secondary screens is 23.5 inch monitor with 1920x1080, if I fullscreen the preview window I get black sides in the preview window.
Let's say the 100% view of design does not fit on the monitor will it show any scroll bar? Because the client cannot see the whole design because scroll bar is not available.
André Perissinotto commented
I've found a quick fix for this problem.
You just need to create the new board with pre-defined values. for example on my case I needed a 1920x1080.
- Just click on the canvas and create a new board "web 1920" instead duplicating
- if you need more vertical space, just increase the size of the board. you will notice a blue line with something that looks like a separator. (see the attached image)
- Now all the links will be presented on preview with 100%
I think its a bug because since I don't remember create any board manualy, I just duplicated the original first one. however it has lost that blue line in the process.
Now creating new boards using pre-defined sizes fixed the problem for me showing all the links at 100% on preview and shared preview :D
Hope it helps.
I wonder which user test they did to end up with a preview that can't show a linked page prototype at 100%.
Something like this is a must-have. I lost a lot of time doing interactions and links on XD and ended up having to work and share the preview from invasion.
It's not only frustrating, but also is mind-blowing. xd really need to step up. because after this, I (just like a lot of others ux/ui designer) will stay with other ux tools
Thibaud Van Vreckem commented
The problem is simple don't upscale design!
scaling it down to fit the browser window is understandable.
But scaling it up doesn't make any sense. regardless of any full screen options
To be clear - this only started happening for me in the latest May 2020 release. Previous to that my designs would open at 100% (actual size) in full-screen.
For example; Client screen is 1920x1080. If my design is 1440x900 it would open at that actual intended size. Clients can see the design at 1440x900 and get a good feel for how the final website or app would look in their browser.
Now that functionality has changed, I'm currently looking for good alternatives to show my designs at 100%. Any suggestions?
My usual process would be to share a link with View Setting as 'Custom' and full-screen checked. The link would open at 100% by default and the user sees the design as intended (100%). I've tried 'Custom' at full-screen checked and not checked, also 'Presentation' and 'Design Review' but getting the same result with the design opening at different zoom levels dependent on screen size.
I've tried opening the link on Windows 10 and macOS Catalina in latest version of Chrome and Safari.
View setting 'Custom' with 'Open in Full Screen' checked:
Gabriel Grumiche Silva commented
This is also happening for all my published links
AdminMuthukumar S (Admin, Adobe) commented
Thanks for your report. Could you share few more details
1. Is this happening for all design links or specific link only?
2. Test XD file
OS, Browser version details already mentioned as Windows 10 & Chrome 81.0.4044.138
Muthukumar(Edited by admin)
I've updated to latest version 29.0.32, when sharing a design it now opens at full-width/height of the screen by default. This is not how I intended my design to be viewed.
Instead, I'd prefer the design displayed at the actual size it was designed at (100%) by default.
The user will still have control of zoom settings if they choose to zoom in/out.
I love designing in XD but the fact that I can't then show/test live with the web share at actual size is incredibly frustrating and I don't understand how anyone on Adobe's design team could have launched this software without that feature -- it's like you didn't even test it yourself.
I just discovered this problem after discussing layouts with my client. Very uncomfortable situation. As I work on a large screen I wasn't even aware of this problem as the Layouts only scale down an smaller screens, but don't upscale on larger screens. This "feature" is totally odd and I don't see any case when it could be useful. The client has to ALWAYS see the 100% view of the layout, please fix this asap.
With this behaviour XD is useless for me and I will go back to handcoded Prototypes. Totally ridiculous.
Definitely need this fixed ASAP but would also add that it would be nice to be able to simply zoom in/out like you would in a PDF. Sending a design via PDF is archaic but when sharing mobile designs that are a bit longer (landing pages, home pages, etc), it's almost embarrassing sharing the link because stakeholders cannot see the design to size and/or zoom in to their preferred view. Would be great to get this zoom feature that already exists in acrobat (I am fully aware that it is a lot more complicated than applying an existing feature to a more complex software, just sharing what I'm comparing it to).
Dilsher Singh Dhanju commented
One more thing which I forget to write. This whole work we are making for client and If client is not happy and want to see actual preview like which there site look . Then whats the point to do work on XD .
Dilsher Singh Dhanju commented
First of all, I think I did not know how to do this. Now I know it is impossible to do it. Guys think, you name this software as experience and there is not way to view final output on which i can do some user testing or show this file to my team. I have wasted my entire 2 hours to find this.
Timo Martin commented
This is still a great problem for the whole agency. And apparently for many more. Adobe, please fix this!
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?