この記事は2分で読めます

【XD】リピートグリッドの使い方

  • 投稿日
  • 更新日

あとで読む

【XD】リピートグリッドの使い方

今回はAdobe XDを使ったリピートグリッドの使い方を解説します。

リピートグリッドはXDの便利機能のうちの1つなのでぜひ試してみてください!

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

リピートグリッドとは?

ブログ記事やニュースなどの同じ要素が並ぶデザインをする際に、一瞬で要素を複製できる機能です。

リピートグリッドの使い方

STEP
複製したいオブジェクトを選択し、リピートグリッドボタンをクリックする
複製したいオブジェクトを選択した状態で画面右側の「リピートグリッド」ボタンをクリックします。
STEP
ドラッグしてオブジェクトを複製する
「リピートグリッド」ボタンをクリックすると、緑の枠に表示が変わり、横方向と縦方向にドラッグするためのハンドルが表示されます。
ハンドルをドラッグするとオブジェクトを複製することができます。
STEP
簡単にデザインの複製が完了!
簡単にオブジェクトを複製することができました!

リピートグリッドの編集方法

リピートグリッドの間隔を調整する

リピートグリッドでは、オブジェクトとオブジェクトの間隔を一括調整することができます。
リピートグリッドの状態で、オブジェクトとオブジェクトの間にカーソルを合わせるとピンク色の領域が表示されます。
ピンク色の領域が表示されたタイミングでクリックをしながら上下(横に複製している場合は左右)にドラッグをするとオブジェクト同士の間隔を調整することができます。

リピートグリッド内の画像やテキストを一括で挿入する

リピートグリッドでは、一括で画像やテキストの挿入が可能です。

画像の一括挿入のやり方

挿入したい画像を選択し、挿入したい部分までドラッグすることで一括で画像を挿入することができます。

テキストの一括挿入のやり方

拡張子「.txt」でテキストを用意し、挿入したい部分までドラッグすることで一括でテキストの挿入ができます。
各パーツに別々のテキストを入れたい場合は、テキストエディタ内で各テキストごとに改行をしておきます。

リピートグリッドの解除方法

リピートグリッドは、画面右側の「グリッドをグループ解除」をクリックすることで解除ができます。

おわりに

今回はAdobe XDを用いたリピートグリッドの使い方を解説しました。

リピートグリッドを活用することで効率の良い作業ができるので、ぜひ活用してみてください!

この記事を書いた人

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須