Display artboards framed by a mobile device outline
Ability to add a device outline to show context.. would be cool to even create your own device outline (currently I'm designing a UI prototype for a smart credit card, but having to use a mobile screen UI canvas to show the interactions)
THIS! Figma has this and it is super helpful to help stakeholders have a better in context feeling of WIP prototypes. A definite must have
+1 This seems like low hanging fruit for Adobe. Come on guys.
Yes. Please offer mobile device skins for sharing XD art. It seems so simple. Please do this for Adobe XD.
I use InVision because my shareholders love the realistic looking mobile mock-ups.
Adobe even insinuates it here under "End-to-end experience of share workflow"
...showing the mobile skins as just another element within the actual XD file. For a scrolling page mock-up that mobile skin will just scroll up with everything else. Come on now :(
Am I missing something?
I'm still waiting for this feature as well.
This would be a great feature!
Previewing on a device is important because:
- It gives you a better sense of scale
- It gives you a better sense of overall look when you already know what device is going to be used by a client
- It sells the design to the client better, because it will look more realistic
- It makes it easier to take into account the spaces where the camera/sound etc is on the screen
Because it is important to both designer and client, we need this feature in the Xd app and in the online prototype!
This is a must have feature
Please add this Feature
We also need this as a feature. When it comes to presenting prototypes we need to be able to pass the feeling on that they are using said device rather than a blank rectangle on the screen.
Also, here is iPhone6/7/8 version: https://codepen.io/mitsuki/pen/jRwWob
Really needed for presentations!!!
Ashley Katz commented
We use InVisionApp for user testing, which allows the user to feel like they are using the correct device by displaying the skin of the device, iphone, andriod, ipad, etc.
This is crucial in our design flow.
Any update on this? This is the only reason I use inVision, for the iPhone overlay.
Evgeny Drokov commented
Yes, please add this feature!
Harun Alikadić commented
To illustrate better what we are asking for here I have made myself kind of a temporary solution:
thank you InvisionApp for skin renderings :)
+1 I need this feature too, please!
attila kb commented
Image of a phone behind the desktop web preview, similar to what sketch has but where we can select type of phone it's previewed on.
Would be nice to show it on android phone since 86% of the population use android. Clients are always asking me why these non iOS specific designs are previewed on iPhone.
Harun Alikadić commented
What is the situation with this feature? Any workaround? Third party app? Plugin?
Hamed Yahyaei commented
This feature is needed for presentations or sharing the XD link and differs from Mirror function. When will it be added to Adobe XD?
In InVision I can choose from several different mobile phones to display my mobile mockups inside. This gives the prototype an autentic look. I think this feature is deeply missed in XD. Showing screens only with no mobile phone is lame. InVision is much better in that respect.