Karabiner-Elementsでデザインツール(Photoshop・Sketch・Figma)のショートカットキーを設定する

Karabiner-Elementsのルールが一覧になっているページの中の「Application Specific」の欄には、デザインツールのショートカットキーのルールもあります。
- Photoshop
- Sketch
- Figma
数は少ないのですが、気に入ったものがあれば有効化してみても良さそうです(いまは使わないとしても、選択肢の1つとして、Karabiner-Elementsという方法もあると頭の片隅においておくと役に立つときが来るかもしれません)。
ルールの追加方法
ルールの追加方法は、まずKarabiner-Elementsの環境設定の[Complex Modifications]の左下にある「Add rule」をクリックして、ルールの追加パネルを開きます。
次に、ルールの追加パネルの上にある「Import more rules from the Internet (open a web browser)」をクリックして、ウェブページを開きます。

ウェブページの「Application Specific」の項目にあるルールの横にある「Import」をクリックして、Karabiner-Elementsにインポートします。
今回の場合は下記の3つの中から必要なものを選択してインポートします。
- Adobe Photoshop
- Sketch Shortcut
- Figma Shortcut

あとはKarabiner-Elementsに戻って、有効化したいルールの右横にある「Enable」ボタンを押せば設定完了です。

ルール一覧
2019年8月現在で設定されている、それぞれのルール一覧になります。
Adobe Photoshop
Photoshopの設定に関しては、正直Keyboard Maestroでもできそうなので、あえてKarabiner-Elementsで設定する必要はなさそうです。
| ルール名 | 内容 |
|---|---|
| PC-Style control option and command | controlがcommandに、optionがcontrolに変化(Windowsキーボード用の設定?) |
| option + z/y to undo/redo | option + zで元に戻す、option + yでやり直しができるようにする |
| F1 to creat new layer | F1で新しいレイヤーを作成する(creatはcreateのスペルミス?) |
Sketch Shortcut
「Post spacebar to Command+Shift+Ctrl if not press alone in Sketch app.」の設定は、他のアプリケーションでは実現が難しそうなので、Karabiner-Elementsの本領発揮だと思います。
とりあえずこれは設定しておけば、ショートカットキーをラクに押せるようになりますね。
| ルール名 | 内容 |
|---|---|
| Post spacebar to Command+Shift+Ctrl if not press alone in Sketch app. | space + ◯は、command + shift + control + ◯として扱う |
| Use spacebar+; and spacebar+’ switch artboard in Sketch app. (Should be used with previous rule and put… | space + ;またはspace + 'でアートボードを切り替える |
Figma Shortcut
Sketchと同様、「Post spacebar to Command+Shift+Ctrl if not press alone in Figma app.」が便利です。
1つしかありませんが、このルールは設定しておく価値があります。
| ルール名 | 内容 |
|---|---|
| Post spacebar to Command+Shift+Ctrl if not press alone in Figma app. | space + ◯は、command + shift + control + ◯として扱う |
まとめ
本来space + ◯はショートカットキーの発火に使えませんが、Karabiner-Elementsを使うことで、無理やり使えるようになります。
いくつも押さないといけないショートカットキーが1つのキーにまとまるのは便利ですし、これこそKarabiner-Elementsにしかできないことだなと感じました。
とりあえず自分はSketchとFigmaの設定は全て有効化しました。

Macの音量や輝度を「細かく調節」したり「音量を確認しながら調節」する方法
Path Finderで設定しておくと便利なショートカットキー一覧
日々の制作をラクにするTips #1日1Tips – 2019年10月
Stationの「My custom apps」機能を使って好きなウェブサイトをStationに追加する
Macでデュアルディスプレイ時に、通知を表示するディスプレイを指定する方法
Path Finder 8の一括名称変更機能を使って楽にファイル名を変更する
Alfredからメニューバーの項目を検索・実行するWorkflow「Menu Bar Search」
MacとiPadを同じマウスやキーボードで操作できる「ユニバーサルコントロール」
Macでリッチテキストをコピペしたときに、余計なスタイルが入ってしまうのを回避する方法
Karabiner-Elementsでcommand + Qの2回押しでアプリが終了するように変更する方法
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法