リピートグリッドとは?
ブログ記事やニュースなどの同じ要素が並ぶデザインをする際に、一瞬で要素を複製できる機能です。
![](https://design-baum.jp/files/2022/10/repeatgrid.jpg)
リピートグリッドの使い方
STEP
複製したいオブジェクトを選択し、リピートグリッドボタンをクリックする
![](https://design-baum.jp/files/2022/10/step1-2-1024x345.jpg)
複製したいオブジェクトを選択した状態で画面右側の「リピートグリッド」ボタンをクリックします。
STEP
ドラッグしてオブジェクトを複製する
![](https://design-baum.jp/files/2022/10/step2-3-1024x398.jpg)
「リピートグリッド」ボタンをクリックすると、緑の枠に表示が変わり、横方向と縦方向にドラッグするためのハンドルが表示されます。 ハンドルをドラッグするとオブジェクトを複製することができます。
STEP
簡単にデザインの複製が完了!
![](https://design-baum.jp/files/2022/10/step3-1.jpg)
簡単にオブジェクトを複製することができました!
リピートグリッドの編集方法
リピートグリッドの間隔を調整する
リピートグリッドでは、オブジェクトとオブジェクトの間隔を一括調整することができます。
![](https://design-baum.jp/files/2022/10/interval-1024x717.jpg)
リピートグリッドの状態で、オブジェクトとオブジェクトの間にカーソルを合わせるとピンク色の領域が表示されます。 ピンク色の領域が表示されたタイミングでクリックをしながら上下(横に複製している場合は左右)にドラッグをするとオブジェクト同士の間隔を調整することができます。
リピートグリッド内の画像やテキストを一括で挿入する
リピートグリッドでは、一括で画像やテキストの挿入が可能です。
画像の一括挿入のやり方
挿入したい画像を選択し、挿入したい部分までドラッグすることで一括で画像を挿入することができます。
![](https://design-baum.jp/files/2022/10/image-620x1024.jpg)
テキストの一括挿入のやり方
拡張子「.txt」でテキストを用意し、挿入したい部分までドラッグすることで一括でテキストの挿入ができます。 各パーツに別々のテキストを入れたい場合は、テキストエディタ内で各テキストごとに改行をしておきます。
![](https://design-baum.jp/files/2022/10/text-565x1024.jpg)
リピートグリッドの解除方法
リピートグリッドは、画面右側の「グリッドをグループ解除」をクリックすることで解除ができます。
![](https://design-baum.jp/files/2022/10/lift.jpg)
おわりに
今回はAdobe XDを用いたリピートグリッドの使い方を解説しました。
リピートグリッドを活用することで効率の良い作業ができるので、ぜひ活用してみてください!