Request details

← Adobe XD: Feature Requests

Display shared prototype in device chrome

Ability to view or record the prototype based on the artboard that was used. Since there's already a list of specific artboards (iphonex, ipad, android etc.).

The idea is when you publish a prototype there would be an option if you want it to be view on a device. Same as when recording it.

314 votes

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Peng shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

53 comments

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Phil Bannister commented  ·   ·  Flag as inappropriate

    XD needs more options when sharing a prototype - simple things like showing a phone housing around a mobile prototype or even being able to change the background color that surrounds the prototype. Marvelapp and InVision both have some other handy features to tailor the prototype viewing experience and I think this is an area that XD could be improved a lot.

  • Branislav D commented  ·   ·  Flag as inappropriate

    Sometimes i get really surprised with lack of most basic functions in Adobe XD... disappointing

  • Raphael Reiter commented  ·   ·  Flag as inappropriate

    The point is not only to have the bezels, but also to be able to deal with the notch in a more elegant and effective way....

  • vivian commented  ·   ·  Flag as inappropriate

    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  ·   ·  Flag as inappropriate

    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.

  • Claudia commented  ·   ·  Flag as inappropriate

    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.

  • Shan commented  ·   ·  Flag as inappropriate

    Ditto! Especially needed for previewing designs for iPhones with rounded corner screens and "notch" areas that overlap the design.

  • Chris Coffin commented  ·   ·  Flag as inappropriate

    Yes please Adobe! This would be fantastic. Huge fan of that feature from Figma / InVision. Please integrate this ASAP.

  • Rod commented  ·   ·  Flag as inappropriate

    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

  • Stephen commented  ·   ·  Flag as inappropriate

    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"
    https://helpx.adobe.com/xd/help/share-designs-prototypes.html#viewsettings

    ...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?

  • Saurab Raj Upadhyaya commented  ·   ·  Flag as inappropriate

    It will look good if emulator type of skin is added to preview windows for mobile designs rather than traditional windows/macOS theme. I don't like this traditional skin in preview window it should look like the device in which the design is being made for

  • Manon commented  ·   ·  Flag as inappropriate

    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!

  • Simon commented  ·   ·  Flag as inappropriate

    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.

  • Steven Jenner commented  ·   ·  Flag as inappropriate

    If a screen was designed at a specific resolution, it would be fantastic to be able to export a screen into a device mock-up.

    For example, I design screens to fit into a Galaxy S8+ device. My artboards are 1440x2960 (although any matching ratio should work as well), and then after exporting them into PNGs, I do a 2nd pass where I place those screens into device mock-ups for placing into Powerpoints, websites etc...

    It would be a fantastic tool if XD did that for me as an export option! The devices should be exportable with/without screen glint and with/without drop shadow.

    That said, if XD was exporting them in a standardized manner, I could always create a post-processing action with Photoshop to add those types of effects myself in swoop.

← Previous 1 3

Adobe XD: Feature Requests: 02 : Prototype mode

Categories

Feedback and Knowledge Base

(thinking…)