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

URL: https://webrandum.net/karabiner-elements-design-tool-shortcutkey/
公開日: 2019-08-19
更新日: 2019-08-19
カテゴリー: 作業効率化
タグ: Figma, Karabiner-Elements, Photoshop, Sketch
出典: Webrandum（著者: サイトウ マサカズ）

Karabiner-Elementsのルールが一覧になっている[ページ](https://pqrs.org/osx/karabiner/complex_modifications/#application-specific)の中の「Application Specific」の欄には、デザインツールのショートカットキーのルールもあります。

- Photoshop

- Sketch

- Figma

数は少ないのですが、気に入ったものがあれば有効化してみても良さそうです（いまは使わないとしても、選択肢の1つとして、Karabiner-Elementsという方法もあると頭の片隅においておくと役に立つときが来るかもしれません）。

## ルールの追加方法

ルールの追加方法は、まずKarabiner-Elementsの環境設定の［Complex Modifications］の左下にある「Add rule」をクリックして、ルールの追加パネルを開きます。

次に、ルールの追加パネルの上にある「Import more rules from the Internet (open a web browser)」をクリックして、ウェブページを開きます。

![Import more rules from the Internet (open a web browser)](https://webrandum.net/mskz/wp-content/uploads/2019/08/image_1-16.png)

ウェブページの「Application Specific」の項目にあるルールの横にある「Import」をクリックして、Karabiner-Elementsにインポートします。

今回の場合は下記の3つの中から必要なものを選択してインポートします。

- Adobe Photoshop

- Sketch Shortcut

- Figma Shortcut

![Application Specific](https://webrandum.net/mskz/wp-content/uploads/2019/08/image_2-14-1024x527.png)

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

![Adobe Photoshopのルールを有効化](https://webrandum.net/mskz/wp-content/uploads/2019/08/image_3-13.png)

## ルール一覧

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