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の設定は全て有効化しました。

ATOKで言葉の意味を確かめる「電子辞典検索」タブの設定項目
MacでEvernoteにWebデザインをストックしたいならPaparazzi!とFolder Action Scriptの組み合わせがオススメ!!
AlfredでDropbox Paperの検索ができるWorkflow「Dropbox Paper Finder」
ウェブサイトを作る上での基本「Macの画像圧縮方法」のまとめ
テキストエディタをAtomからVisual Studio Codeに移行しました
テキストを画面いっぱいに表示できるAlfredのLarge Type機能の設定項目
Biscuitを便利に使いこなすためのショートカットキー
Evernoteで特定のタグを除外して検索する方法
Alfredで「自分のブログ内検索」を行う簡易的なWorkflowの作り方
Path Finderのデスクトップ表示をすれば、デスクトップだけ不可視ファイルを非表示にできる!
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する
Googleカレンダーを便利に活用するための小技集(祝日だけを表示・月末の繰り返しイベントを追加)
Obsidianを使った「自己流PKM」で行う知識トレーニング
テキストエディタ・ノートアプリ関連のショートカットキーをKeyboard Maestroで統一する
Path Finderを使ってキーボードだけでファイル操作する方法(応用編)
macOSのコマンドパレット比較!SpotlightとAlfred、Raycastどれを使えばいい?
1つのノートアプリにすべて集約するのをやめた理由|2025年時点のノートアプリの使い分け
Notionログイン時の「マジックリンク」「ログインコード」をやめて普通のパスワードを使う
AlfredでNotion内の検索ができるようになるワークフロー「Notion Search」