新UXデザインツール Adobe XD。
作業がはかどる便利ショートカット機能13個まとめ

グリッドの繰り返し機能を利用して作成したパーツは、ひとつのグループとして扱われます。

繰り返し機能で作成したすべてのオブジェクトに、文字や写真を追加したいときは、コンテンツをダブルクリックすることで、自由に要素を追加、編集することができます。また、Escを押すことで、選択している要素をすべて解除することができます。

繰り返したグリッドの間隔、パディングを調整するのも Adobe XD ならラクラクです。リピートグリッドを選択し、グリッド間にマウスホバーし、好みの幅までドラッグしましょう。間隔がピンク色に表示され、数値も一緒に表示されるので、作業もスムーズに行うことができます。

特定の場所にパスを引きたいときがあるかもしれません。そんなときは、Option/Altを押しながらドラッグすることで解決です。また、Shiftを押すことで、正方形/正円を描くことができます。

プロトタイプモードに切り替えることで、配置したすべてのパーツに対して画面遷移のトリガーを設定することができます。

遷移したいパーツまで矢印を引っ張ることで、直感的に画面遷移の設定を完了させることができます。もし関連付けた矢印を削除したいときは、つながっている部分を空白エリアまでドラッグしましょう。

すでに作成したテキストスタイルを再利用したいときは、まずオブジェクトを選択し、ツールパネルより「文字ツール」を選んだら、アートボードをクリックし文字を入力しましょう。こうすることで、Adobe XDが自動的に最後に選択したオブジェクトのスタイルを引き継いでくれる仕組みとなっています。

グループの中にグループをつくる入れ子機能は、Adobe XD の機能の中でも特長のひとつです。

個別に編集したいときは、まず外枠のグループをダブルクリックし、次に内枠のグループを再度ダブルクリックしましょう。こうすることで、オブジェクトを編集、追加することができるようになります。Escを押すことで、選択している要素を取り消すことができます。