Webサイトの実際のブラウザ上でのレイアウト状況を確認したり、アニメーションの動作を確認する場合には、プレビュー画面を見ながら作業します。
デザイン画面のヘッダ右側上方の 「▷ プレビュー」 をクリックすると、現在のタブの右隣にプレビュー用のタブが開きます。
タブレット/スマホ向けのプレビューを確認する
タブレットやスマホ向けのプレビューを確認したい場合、プレビューウィンドウの横幅を狭めると、段階的にタブレットやスマホ向けのデザインに切り替わります。
タブレット/スマホの実機でプレビューを確認する
タブレットやスマホの実機で見る場合、「▷ プレビュー」 の上にマウスオーバーすると下図のように、QRコードが出てきますので、実機で読み込みます。
* クライアントにプレビューURLを送りたい場合も、ここからコピーできます。