Thumb Sprain

【Win10版】Adobe XDのデザインをiPhoneでモバイルプレビューする方法。

By
約2分

Adobe XDで制作したレスポンシブデザインをスマホでプレビューして確認したい!

本記事は、
PC:Windows10
デバイス:iPhone X
でのモバイルプレビュー方法です。

1.プレビューに必要なアプリをインストール

まずは事前にPCにはiTunes、iPhoneにはXDアプリをインストールしておきましょう!

1-1.Win PCにiTunesをインストール

XDでは、iTunesを経由してプレビューするらしいです。
事前にMicrosoft StoreでiTunesを検索し、インストールしましょう!

1-2.iPhoneにXDのアプリをインストール

App Storeで「XD」と検索して、Adobe XDアプリをインストールしましょう!

2.USBケーブルでPCとiPhoneを接続

PCとiPhoneをUSBケーブルで接続しましょう!

ちなみに、PCでXDのファイルをCreative Cloudにクラウドドキュメントとして保存するとUSB接続なしでもプレビューできますよ!モバイルプレビューが成功したら色々試してみてね!

3.iPhoneでXDアプリを起動

iPhoneでXDアプリを起動して、ライブプレビューアイコンをクリックして待機しておきましょう!

4.PCでXDを起動してファイルを開く

PCでXDファイルを開きましょう!

5.モバイルプレビューのアイコンをクリック

PCでXDのファイルを開いたら、画面右上にあるモバイルプレビューのアイコン(スマホのアイコン)をクリックしましょう!

6.iPhoneで確認

開けましたか?
3本指でタップすると、メニューが開けます。

スワイプするとアートボードを切り替えることができますよ!

おすすめ書籍!

この記事を書いた人

GUU
普段の仕事はグラフィックで今年6年目。
海外旅行が趣味で、年に数回は海外へ逃避していました。
今は子供との時間を優先した生活を送っています。
ヒマな時にブログを書くので更新はゆっくりペースです。
ライターのYutaとマカオのWEBマガジンサイトを共同運営しています。
最近は、旅行行きたい欲が半端ないです・・・