Preview in device chrome
My idea is to have a real looking or clay mockup like device frame when viewing prototypes like Invision studio is planning to do!
I’ve changed to be on the desktop surface instead of merging this in with the suggestion for our web shared prototype.
Usman Butt commented
I have feature request for Adobe xd
For playing prototype there should be option for choosing device mockup
i.e mobile device mockup for mobile app design
Kindly add this feature
Give users the ability to view an iOS / Android phone when they click Desktop Preview.
It would be great to actually see the image of the device hardware as users click through their prototype to share it with others.
Bonus points for adding real, clay, or color picker for the device.
Rick Miller commented
I think it would be beneficial to have a preview option that would render the prototype in a mock device setting. The rendered view could provide a soft focus background with a users hands visibly holding the device.
An AR feature could also be super cool but may be to much of a headache.
Sreemon S commented
Preview inside a phone mockup : It will be very nice to preview inside a phone mockup rather than just a square box and record them as it is including the phone.
For windows and Mac.
1.Add a Device mockup in viewing the prototyped final design so that we can record it with the device or we could have an idea on how it looks and functions on a actual device.
2. We need a advanced prototyping tool where we can prototype each and every component while directed to another page.
Thank you for your time.
Karim Soliman commented
Adding multiple devices mockups to prototypes like figma would be a nice touch to the presentation of the design
View an app prototype in the iPhone Mockup
Jimesh Bathija commented
After clicking play prototype, show the designs in a product mockup.
example: for a mobile design, the prototype can be shown in an iPhone or an android phone mockup on screen.
And we can chose a mockup for prototype from a given choices, like a Desktop, laptop or tablet etc. for website screens and android or ios for mobile screens.
Integrate ability to wrap our designs into device frames like framer x already has.
Ermin Kadic commented
It would be a nice addition to select a device frame to view your mobile prototype on.
e.g. When in prototype mode, you can choose "device frame" (Pixel 3) and when you press "play", boom your design is in a device frame.