プレビューで確認する

Webサイトの実際のブラウザ上でのレイアウト状況を確認したり、アニメーションの動作を確認する場合には、プレビュー画面を見ながら作業します。

デザイン画面のヘッダ右側上方の 「▷ プレビュー」をクリックすると、現在のタブの右隣にプレビュー用のタブが開きます。

タブレット／スマホ向けのプレビューを確認する

タブレットやスマホ向けのプレビューを確認したい場合、プレビューウィンドウの横幅を狭めると、段階的にタブレットやスマホ向けのデザインに切り替わります。

タブレットやスマホの実機で見る場合、「▷ プレビュー」の上にマウスオーバーすると下図のように、QRコードが出てきますので、実機で読み込みます。

* クライアントにプレビューURLを送りたい場合も、ここからコピーできます。