Adobe XDをもっと使いこなすヒント！ 第7回 プロトタイプモードでのワイヤーのコピーと削除
Adobe XDをもっと使いこなすヒント！
この連載では、Adobe XDを便利に使うための様々なテクニックを、Adobe XDチームのツイートからピックアップしてご紹介します。今回は、プロトタイプモードのワイヤーの操作に関連する機能をテーマに、4つのツイートを取り上げます。
Tip 1. プロトタイプモードで遷移のワイヤーをコピーする
#adobexd #protip In prototype mode, paste will maintain the wire. (Don’t want the wire? Copy/paste in Design mode.) @adobexd pic.twitter.com/McM0xIHgML
— Elaine Chao (@elainecchao) September 5, 2017
プロトタイプモードで作業する際、遷移先が定義されている要素をコピー＆ペーストすると、遷移情報もコピー先の要素に複製されます。
上のビデオでは、真ん中のアートボード下部の要素を右側のアートボードの同じ位置にコピーしています。ペーストした瞬間に、左側のアートボードから右側のアートボードにワイヤーがつながる様子が分かります。
ワイヤーも一緒にコピーしたくない場合は、デザインモードに切り替えてコピー＆ペーストを行います。
Tip 2. プロトタイプモードでワイヤーを削除する
#adobexd #protip Unwire your prototype quickly by dragging the handle into the pasteboard. @adobexd pic.twitter.com/O0VS4kb4ON
— Elaine Chao (@elainecchao) July 16, 2018
不要なワイヤーを削除したい場合は、ワイヤーの端にあるハンドルをドラッグします。すると、上のビデオのように、ハンドルの先から出ていたワイヤーが消えます。ハンドルは遷移先でも遷移元でも構いません。
#adobexd #protip You can also unwire your interaction by selecting “None” as the target. @adobexd pic.twitter.com/37vqJYHlbO
— Elaine Chao (@elainecchao) July 17, 2018
もちろん、パネルを開いて、遷移先を「なし」に設定すれば、ワイヤーを削除できます。上のビデオは古いため設定パネル内の配置が最新版のXDとは異なりますが、ご参考までにご覧ください。
Tip 3. 複数のワイヤーを一括削除する
#adobexd #protip Clear all of your wires in your prototype in four steps: switch to Design Mode, select all, cut, and paste. HT @JonnyPrandato @adobexd pic.twitter.com/MRIDEYgMFh
— Elaine Chao (@elainecchao) July 9, 2018
上で紹介した2つの方法は、複数個所から遷移先に指定されているハンドル（複数のワイヤーが集まっているハンドル）には利用することができません。また、一つ一つ消していくのが面倒な場合もあるでしょう。そんなときは、デザインモードでカット&ペーストを行うと便利です。
上のビデオでは、デザインモードに切り替えてからすべての要素を選択後してカット、その後にペーストを行うことで、全ワイヤーを一括削除しています。プロトタイプモードに戻ると、ワイヤーがすべて削除されていることがわかります。
いかがでしたか？
これは便利そうだ！という使い方はあったでしょうか？
次回をお楽しみに！