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)
How is this not a feature yet? Figma and Sketch + Invision have had this for years. It's pretty pathetic how XD does not have it.
Dylan Cohen commented
Doesn't make any sense that this wouldn't be included in XD since it's supposed to be the most current and most updated prototyping tool. This is a crucial feature that must be added to XD. A mobile prototype without the phone frame looks dated and just doesn't feel right.
I was really hoping this would be built into a new update after MAX. Not only is it good for clients to feel a more realistic walkthrough experience but for artist portfolios it looks really weird to have just floating screens. And it's a pain and super time consuming to mock these up in photoshop.
Ditto! Especially needed for previewing designs for iPhones with rounded corner screens and "notch" areas that overlap the design.
Chris Coffin commented
Yes please Adobe! This would be fantastic. Huge fan of that feature from Figma / InVision. Please integrate this ASAP.
Yes, I love that Figma has this, but I use XD more! Please add this feature!!
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!