Adobe XD × Keyboard Maestroでここまでできる！ショートカットキーであらゆることを実現するマクロサンプル

Adobe XDは2020年2月現在、ショートカットキーのカスタマイズができません。

しかしKeyboard Maestroを使えば、自分で好きにショートカットキーの設定ができますし、ちょっとした操作をラクにできます。
今回はサンプルとして、Keyboard Maestroで下記の内容を実現してみます。

使うかどうかはされおき「こういうことができるんだ！」と知っているだけでも全然違うはずです。

• メニューにショートカットキーを割り当てる
• 上下左右に中央揃えするショートカットキーを作る
• 数値入力にフォーカスを当てるショートカットキーを作る
• 「塗り」や「線」のオン・オフを切り替えるショートカットキーを作る
• テキストの「左揃え」「中央揃え」「右揃え」のショートカットキーを作る
• 反転リピードグリッドのショートカットキーを作る

ちなにみKeyboard MaestroはMacでマクロが作れるアプリです。詳細は過去に記事にしているのでそちらをご覧ください。

Webrandum

Macでマクロの作成が出来るKeyboard Maestroの基本的な使い方

https://webrandum.net/keyboard-maestro

最近自分のPC環境をよりよくしていこうという事で色々試している最中です。さて、今回はKeyboard Maestro(キーボード マエストロ)というアプリケーションを使ってマクロを割り当てる方法についての備忘録兼ねての解説です。Keyboard Maestroって何？Keyboard Maestroはmacでマクロを設定する事ができるアプリケーションです。本来キーボードショートカットが登録できないようなアプリにショートカットを割り当てたり、面倒な一連の作業をショートカット1つで自動化する事ができたり、何かアクションを起こした時に何かを実行させる事が...

紹介するマクロのダウンロード

今回紹介するマクロは、下記のDropboxリンクからダウンロードできるようにしています。
ダウンロードして使う場合はこの先の「下準備」は不要で、そのあとの「マクロサンプル」もどういう考え方で作っているのかという視点で参考にしてください。

Dropbox

Adobe XD Macros.kmmacros

https://www.dropbox.com/s/nozi0upzyih6rer/Adobe%20XD%20Macros.kmmacros?dl=0

Shared with Dropbox

自分なりに改良したり、細かい部分がどうなっているかさわってみると面白いと思います。

下準備

まずKeyboard MaestroでAdobe XD用のグループを作成します。
左下の「＋」アイコンからグループを作成し、名前とアイコンを設定します。

あとは「Available in all applications.」となっているのを「Available in these applications:」に変更してAdobe XDを追加します。
これでこのグループ内のマクロは、Adobe XD上でしか発火しなくなります。

マクロサンプル

メニューにショートカットキーを割り当てる

まずは基本的なところから。

Adobe XDはほとんどのメニューにショートカットキーが割り当てられているので問題なさそうですが、あとから追加する「プラグイン」はショートカットキーが割り当てられていないことがあります。

よく使うプラグインなのにショートカットキーが割り当てられていないと、わざわざメニューバーまでマウスを移動させる必要があります。

Keyboard Maestroの「Select or Show a Menu Item」アクションを使えば、メニューバーの特定項目を選択できます。

メニューバーを設定するときはアクション右側の「Menu」を押せば、現在起動しているアプリのメニューが階層で表示されるので、そこから目的の項目を探して設定します。

今回の場合はGoogle Sheetsプラグインで追加される［Paste Public Link…］の項目をcontrol + Sで選択できるようにしました。

上下左右に中央揃えする

Adobe XDは上下中央揃えがcontrol + shift + M（Middle）で左右中央揃えがcontrol + shift + C（Center）ですが、上下左右中央揃えにしたいときがあります。

そんなときは、先ほども登場した「Select or Show a Menu Item」アクションを2つ並べて、上下左右中央揃えと左右中央揃えが連続で選択されるようにします。

ショートカットキーは自分の場合はcontrol + shift + X（Middle × Centerの×がXに似ている）にしています。
片手でサッと上下左右に中央揃えができちゃいます。

数値入力にフォーカスを当てる

XDを使っていると、マウスが右側のパネルに移動する頻度がものすごく多いです。
この移動を減らしたいです。というのも特定項目へフォーカスを当てるためだけにマウスの移動が発生してしまうからです。

Keyboard Maestroの「Click at Found Image」アクションを使えば、設定した画像と一致する場所を画面上から探してクリックしてくれます。

今回は目印となりそうな反転アイコンを基準にし、そこから指定したピクセル数の場所をクリックさせるようにします。

「塗り」や「線」のオン・オフを切り替える

図形を描画すると、デフォルトでは#FFFの塗りと、#707070で1pxの線が自動で設定されます。

塗りはまだいいのですが、線はなしにしたいことが多いです。
しかし線なしにするためにわざわざマウスを移動させてチェックボックスを押すのは面倒。

そこで数値入力にフォーカスを当てるマクロと同様に、塗りや線のチェックボックスをクリックするマクロを作ります。

ちなみに位置を変えたら塗りや線の色を変えるマクロができます。

テキストの「左揃え」「中央揃え」「右揃え」を行う

XDにはテキストの「左揃え」「中央揃え」「右揃え」のショートカットキーがありませんし、メニューバー内に項目もありません。

これも「Click at Found Image」アクションでショートカットキーを設定しちゃいましょう。

反転リピートグリッド

最後は少しネタ的なマクロです。
XDの象徴的な機能のリピートグリッド。このリピートグリッドは右と下にハンドルがありますが、これを左と上にしたい場合は下記の操作をします。

1. 要素を複数選択しているとき用にグループ化
2. 回転エリアにフォーカス
3. 「180」を入力してenter
4. 少し待ってからリピートグリッドにする
5. 回転エリアにフォーカス
6. 「180」を入力してenter

これで結果的に反転リピートグリッドが作れますが、Keyboard Maestroを使えばこの操作を一気に片付けてくれます。

少し長くなりますが、下記のようにいろんなアクションを組み合わせることで、自分が普段手作業でやっている作業を順にしていってくれます。

ショートカットキー1つでここまで一気にしてくれると感動しますよね。

まとめ

今回はどのマクロもショートカットキーで発火するようにしましたが、ショートカットキーが覚えられない人はパレットから選択するようにできたり、AlfredのAlfred MaestroというWorkflowを使えば、Alfred上からマクロの発火もできます。

DTP Transit

Keyboard Maestroのパレットについて | DTP Transit

https://dtptransit.design/mac/keyboard-maestro/how-to-use-palette.html

Keyboard Maestroの使いこなしポイントのひとつ「パレット」についてまとめてみました。

Adobe XDの場合は完成度が高いので不満が少ないかもしれませんが、Keyboard Maestroは他のMacアプリのマクロも作れます。ぜひいろいろ試してみてください。

また、こうしたマクロを「一気に全部使ってやろう！」と思ってアレコレやりすぎると、だいたい挫折します。
1日に1つずつでいいので、少しずつ確実に変化する（変化を習慣化する）のがオススメです。