XDを使ってTOPページを作成しました。今回は以下のレシピ一覧ページを作成します。※記事中の画像はクリックすると拡大します。Gird(リピートグリッド)スクロールの設定アートボードを増やす左パネルの「アートボード」アイコンをクリックすると、右パネルに作成したいデバイスのサイズ一覧が出現します。今回はiPhone6/7で作成しているので、iPhone6/7を選択すると、TOPページの右側にアートボードが現れます。同じ要素を繰り返し表示させる場合に、簡単に複製、サイズ変更ができます。リピートしたい要素をクリックして右パネルの「リピートグリッド」をクリックすると、要素の枠線が緑色に変わります。この枠を下に引っ張れば同じ要素が同じ間隔で複製されていきます!便利〜。リピートグリッドでのドラッグ&ドロップも秀逸で、複数の写真や改行区切りのテキストファイル(.txt)をドラッグ&ドロップすると、個々の要素にファイルが反映されるのです!あらかじめ作成した図形の中に写真をドラッグ&ドロップすると、クリッピングマスクのように図形の形に沿って画像が表示されます。かゆいところに手が届く機能がたくさんありますね〜。スクロールの設定スクロールをさせたいアートボードをダブルクリックし、右パネルの「スクロール」が「垂直方向」に設定されているのを確認してから、アートボードのハンドルを下に伸ばしていくとビューポートの高さを変更することができます。右上の「プレビュー」(▶︎)ボタンでスクロールを確認することができます。画面で見える範囲が点線で区切られ、点線より下のコンテンツはスクロールしないと見えません。[プロトタイプ編]AboutフリーランスのWebデザイナーです。Web制作/デザイン/写真に関するメモや、仕事/育児/家事の両立に役立ちそうなことも書けたらと思っています。楽天ROOMやってます。reserved...。