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
■仕事:グラフィック(今年で7年目)
■分野:UIデザイン(Adobe XDをよく使う)
■趣味:ダラっと映画見る(Amazon Prime)
■燃料:ビール(ホワイトベルグにハマってる)
■子供:2歳/0歳(どちらも男の子)
■一言:「海外旅行に行きたい...」