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

Google Driveでフォルダのコピーをする方法
Path Finderのデスクトップ表示をすれば、デスクトップだけ不可視ファイルを非表示にできる!
Macの画面を手軽に録画できるアプリ「Kap」
macOSのシステム環境設定「Siri」の設定見直し
Google Chrome が提供しているベータ版含む4つのバージョンの違いとインストール方法
【2026年版】Karabiner-Elementsで実現する右commandキー活用のススメ
Path Finder 8で使える4種類のファイル検索方法
XcodeのFileMerge機能を使って2つのファイル差分を確認する
Hazelを使って、ファイルダウンロードのタイミングでDownloadフォルダを自動で開くようにする
Path Finder 8の一括名称変更機能を使って楽にファイル名を変更する
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Google Maps APIでピンの見た目をカスタマイズする方法
Google タグマネージャー(GTM)の設定をして、コードを触らなくても確認用スクリプトの設定ができるようにする
Google検索で使えるパラメータ一覧とその活用方法
Path Finder 9.3.5のアップデート内容はラベル・タグ周りの修正!そしていつの間にかカラーラベルのカスタマイズが可能に!
ブログに見出しを設置できるjQueryプラグイン「TOC | jQuery Table of Contents」
gulpのwatch機能を使って、監視ファイルに変更があった時にタスクを実行する
コーディングで「スペース」と「タブ」のどちらを使えばいいのか?
iTerm2終了時に表示される確認ダイアログを非表示にする
右側の修飾キーをフル活用!Karabiner-ElementsでKeyboard Maestroのマクロを発火させる方法