WebDesigner's Memorandumウェブデザイナーの備忘録

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

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)」をクリックして、ウェブページを開きます。

Import more rules from the Internet (open a web browser)

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

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

  • Adobe Photoshop
  • Sketch Shortcut
  • Figma Shortcut

Application Specific

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

Adobe Photoshopのルールを有効化

ルール一覧

2019年8月現在で設定されている、それぞれのルール一覧になります。

Adobe Photoshop

Photoshopの設定に関しては、正直Keyboard Maestroでもできそうなので、あえてKarabiner-Elementsで設定する必要はなさそうです。

ルール名内容
PC-Style control option and commandcontrolcommandに、optioncontrolに変化(Windowsキーボード用の設定?)
option + z/y to undo/redooption + zで元に戻す、option + yでやり直しができるようにする
F1 to creat new layerF1で新しいレイヤーを作成する(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の設定は全て有効化しました。

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね