User Guide Cancel

Preview on mobile devices

  1. Adobe XD User Guide
  2. Introduction
    1. What's new in Adobe XD
    2. Common questions
    3. Design, prototype, and share with Adobe XD
    4. System requirements
      1. Hardware and software requirements
      2. Adobe XD, Big Sur, and Apple silicon | macOS 11
    5. Workspace basics
    6. Change app language in Adobe XD
    7. Access UI design kits
    8. Accessibility in Adobe XD
    9. Keyboard shortcuts
    10. Tips and tricks
    11. Adobe XD subscription options
    12. Changes to XD Starter Plan
  3. Design
    1. Artboards, guides, and layers
      1. Get started with artboards
      2. Use guides and grids
      3. Create scrollable artboards
      4. Work with layers
      5. Create scroll groups
    2. Shapes, objects, and path
      1. Select, resize, and rotate objects
      2. Move, align, distribute, and arrange objects
      3. Group, lock, duplicate, copy, and flip objects
      4. Set stroke, fill, and drop shadow for objects
      5. Create repeating elements
      6. Create perspective designs with 3D transforms
      7. Edit objects using Boolean operations
    3. Text and fonts
      1. Work with drawing and text tools
      2. Fonts in Adobe XD
    4. Components and states
      1. Work with components
      2. Work with nested components
      3. Add multiple states to components
    5. Masking and effects
      1. Create a mask with shapes
      2. Work with blur effects
      3. Create and modify gradients
      4. Apply blend effects
    6. Layout
      1. Responsive resize and constraints
      2. Set fixed padding for components and groups
      3. Create dynamic designs with stacks
    7. Videos and Lottie animations
      1. Work with videos
      2. Create prototypes using videos
      3. Work with Lottie animations
  4. Prototype
    1. Create interactive prototypes
    2. Animate prototypes
    3. Object properties supported for auto-animate
    4. Create prototypes with keyboard and gamepad
    5. Create prototypes using voice commands and playback
    6. Create timed transitions
    7. Add overlays
    8. Design voice prototypes
    9. Create anchor links
    10. Create hyperlinks
    11. Preview designs and prototypes
  5. Share, export, and review
    1. Share selected artboards
    2. Share designs and prototypes
    3. Set access permissions for links
    4. Work with prototypes
    5. Review prototypes
    6. Work with design specs
    7. Share design specs
    8. Inspect design specs
    9. Navigate design specs
    10. Review and comment design specs
    11. Export design assets
    12. Export and download assets from design specs
    13. Group sharing for enterprise
  6. Design systems
    1. Design systems with Creative Cloud Libraries
    2. Work with document assets in Adobe XD
    3. Work with Creative Cloud Libraries in Adobe XD
    4. Migrate from linked assets to Creative Cloud Libraries
    5. Work with design tokens 
    6. Use assets from Creative Cloud Libraries
  7. Cloud documents
    1. Cloud documents in Adobe XD
    2. Collaborate and coedit designs
    3. Coedit documents shared with you
  8. Integrations and plugins
    1. Work with external assets
    2. Work with design assets from Photoshop
    3. Copy and paste assets from Photoshop
    4. Import or open Photoshop designs
    5. Work with Illustrator assets in Adobe XD
    6. Open or import Illustrator designs
    7. Copy vectors from Illustrator to XD
    8. Plugins for Adobe XD
    9. Create and manage plugins
    10. Jira integration for XD
    11. Slack plugin for XD
    12. Zoom plug-in for XD
    13. Publish design from XD to Behance
  9. XD for iOS and Android
    1. Preview on mobile devices
    2. Adobe XD on mobile FAQ
  10. Troubleshooting
    1. Known and fixed issues
      1. Known issues
      2. Fixed issues
    2. Installation and updates
      1. XD appears as not compatible on Windows
      2. Error code 191
      3. Error code 183
      4. Issues installing XD plugins
      5.  Prompt to uninstall and reinstall XD on Windows 10
      6. Issues with preferences migration
    3. Launch and crash
      1.  XD crashes when launched on Windows 10
      2.  XD quits when you sign out of Creative Cloud
      3. Issue with subscription status on Windows
      4. Blocked-app warning when launching  XD on Windows
      5. Crash dump generation on Windows
      6. Crash log collection and sharing
    4. Cloud documents and Creative Cloud Libraries
      1. Issues with XD cloud documents
      2. Issues with linked components
      3. Issues with libraries and links
    5. Prototype, publish, and review
      1. Unable to record prototype interactions on macOS Catalina
      2. Issues with publish workflows
      3. Published  links do not appear in browsers
      4. Prototypes do not render correctly in browsers
      5. Commenting panel suddenly showing up on shared links
      6. Unable to publish libraries
    6. Import, export, and working with other apps
      1. Import and export in XD
      2. Photoshop files in XD
      3. Illustrator files in XD
      4. Export to After Effects from XD
      5. Sketch files in XD
      6. Third-party apps not visible in Export

Preview your mobile designs in real time, or open your saved XD files from Creative Cloud, using XD app on a mobile device. Also preview any published prototypes in a mobile browser on the go.

Using the Adobe XD mobile app, you can:

 If your device is running Adobe XD on Windows 10, real-time preview through USB is not supported on Android.

Requirements to preview on a mobile device

To preview real time or by opening XD files from Creative Cloud:

For a list of supported iOS and Android versions, see Adobe XD on mobile FAQ.

To preview published prototypes:

  • Mobile browser.

For a list of supported mobile browsers, see Supported browsers.

Preview prototypes in real time on mobile devices

Preview your designs in real time on a mobile device connected to your computer using a USB cable.

Preview prototypes in real time on a device
Preview prototypes in real time on a device

  1. Connect your mobile device to the USB port of the computer running Adobe XD on desktop. Make sure that you have installed the latest version of XD on desktop available on Creative Cloud.

     

    • Ensure that you use USB cables that transfer data. Some USB cables can be used to only charge your devices and cannot transfer data.
    • Looking to plug iPhone into a Windows machine? Make sure that you have installed iTunes for Windows to preview your design or prototype on your iPhone.
  2. Open Adobe XD on your device.

  3. The artboard that is currently selected (or in focus) in Adobe XD on desktop is displayed on your device. All the changes you make to your designs are reflected in real time on your mobile device.

    If you add wires creating interactions in Prototype mode, you can see the interactions work, just like in the Preview window on desktop.

  4. Use the triple tap gesture on the mobile app screen for more options:

    • Browse artboards: To scroll through all the artboards in your design.
    • Share this screen as image: To share a particular artboard as a PNG file through email, Slack, or other channels.
    • Hotspot hints: To enable hotspot hints while viewing the prototype.
    • Swipe navigation: To prevent you from swiping when interacting with a prototype.
    • View options: To view your design at different sizes.

Preview XD documents saved as cloud documents

You can preview your XD documents by saving them as cloud documents on your desktop. 

  1. Make sure that your XD document is saved as a cloud document on your desktop.

  2. Open Adobe XD on your mobile device.

  3. In XD Documents, you can see all the XD documents in your Cloud Documents folder. You can search for files by filename, then sort them in ascending or descending order (alphabetical or last modified). After you find the file you want, tap on it to view the file.

  4. While previewing, use the triple tap gesture to access the prototype options:

    • Browse artboards: To search and jump to the desired artboards in your design.
    • Share this screen as image: To share a particular artboard as a PNG file through email, social media, or any other sharing option provided by your device.
    • Hotspot hints: To enable hotspot hints while viewing the prototype.
    • Swipe navigation: To enable swiping when interacting with a prototype.
    • View options: To view your design at different sizes.

     If you have enabled zoom accessibility, use the two fingers double-tap instead of the standard three fingers tap.

  5. After you have reviewed the design in your mobile app, you can share the prototype with reviewers. 

    Before sharing the prototype, make sure that you have the hotspot hints turned on. Triple tap the mobile screen and enable Hotspot Hints

  6. Share the prototype link with others through email, social media, or any other sharing option provided by your device. Triple tap the mobile screen and press Share for Review.

     You can share a prototype only if it has been shared at least once before using the XD desktop application.

Fonts on mobile devices

Here are some ways to manage fonts on your mobile:

  • When possible, fonts are sent to your device when you preview on mobile. However certain font vendors do not allow for the transfer, display, and distribution of their fonts. You are responsible for ensuring that you respect the font license agreement between you and the font vendor.
  • While viewing a prototype on mobile, if the required font is not present on your device, you get an alert message. The missing fonts are substituted with available fonts.
  • Adobe Fonts
    Adobe Fonts will auto-activate and display correctly when previewing an XD cloud document in the XD iOS or Android mobile apps.
  • Non-Adobe fonts
    iOS 13.0 supports installing custom fonts. Users can install custom fonts through third-party apps using methods that Apple provides, or by using the Creative Cloud iOS mobile app (iOS 13.1 and later). 

Delete downloaded XD files from your device

To control the storage space on your mobile device, you can delete downloaded files, by tapping Settings > Preferences.

Here you can view the amount of local space used, and then tap Remove Offline Documents to delete XD documents downloaded to your device.

You can also remove individual files by selecting the file and disabling the Available offline Option. 

Preview published prototypes in mobile browsers

When you open a shared link in a mobile browser, you can view the prototype with a zoomed-in artboard. If the artboards of the prototype are unlinked, swipe left or right to navigate from one artboard to the other.

Zoomed-in view
Pinch to zoom

When you open the prototype for the first time, your browser window can go idle for three seconds, then a pinch icon appears. This pinch icon does not reappear in the same browser even if you open another published prototype. Use the pinch gesture to pinch in on the artboard for the pan view. 

Use the following options in the pan view:

  •   icon to navigate to the home artboard. 
  •  arrows to navigate through the artboards. 
  •  icon to comment on designs and prototypes.

 Use the pinch gesture to zoom to the original size of the prototype. You can zoom in to 200 percent and out all the way to 25 percent without losing content quality.

Comment on designs and prototypes in mobile browsers

You can comment on public designs and prototypes without signing in at the first instance.

pinch-to-see
Home artboard

  1. Pinch the screen to display the options in the Home artboard. 
  2. Use the arrow keys to navigate to the screen you want to comment on. 
  3. Tap the comment icon  to comment on the shared prototypes or designs. 
comment-first
Comment first, and sign in

4. Tap the send icon  and sign in with your Adobe ID and password to submit your comments or reply to existing comments.

 You can also sign in as a guest to comment. If you have a private web link, you will need an Adobe ID to sign in.

Preview designs at different resolutions

Scale to Fit

Scale your design up or down to fit the width or height of your device, whichever won’t cut off your design. Artboards will only scale up to 2x their designed resolution. 

View at 100%

View your design at the resolution you designed at, without any scaling. If your design bleeds off the screen, use two fingers to pan.

Freeform

Zoom & pan your artboards, using two fingers pinch to zoom, and two fingers to pan. Artboards will only scale up to 2x their designed resolution. Interactions will continue to work in this view. 

Adobe logo

Sign in to your account

[Feedback V2 Badge]