Preview your prototypes on mobile devices

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:

Connect your mobile device using USB to your computer running XD, edit your designs and prototypes on the desktop, and preview them in real time on connected mobile devices. For more information, see Preview prototypes in real time on mobile devices.
Preview XD documents that you saved in your Cloud Documents folder from XD on Mac or Windows. View XD documents on your mobile device, and share them with others.

Примечание.

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

Using a mobile browser, you can preview any published prototypes in a user-friendly manner, on the go.

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

Adobe XD mobile app
- iOS: Download from the iTunes app store.
- Android: Download from the Google Play Store.

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

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.

Open Adobe XD on your device.

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.

Примечание.

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 fonts are substituted with available fonts.

Tap and hold 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.

You can preview your XD documents by uploading them to your Creative Cloud Files folder.

Make sure that your XD document is saved and synced in your Creative Cloud Files folder on your desktop.

Open Adobe XD on your mobile device.

Go to XD Documents.

You can see all the XD documents in your Creative Cloud Files folder in your app listed according to the latest modified files. 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.

While previewing, long press the screen 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.

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 are turned on. Tap and hold the mobile screen, and enable Hotspot Hints.

Share the prototype link with others through email, social media, or any other sharing option provided by your device. Tap and hold 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.

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.

When you open a published prototype 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.

You can also pinch on the zoomed-in artboard for a 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 the left of the Home icon with prototype name and date of creation.
icon to the right of the Home icon to report abuse.

Примечание.

When you first open an XD prototype in a browser and the screen is idle for three seconds, it shows a pinch icon indicating that you need to pinch in on the artboard for the pan view. The pinch icon does not reappear even if you open another published prototype.