Sketch（スケッチ）の便利なショートカット・キー割り当てまとめ

Sketchでのクリエイティブ作業は基本的に「マウスだけでも完結する」ように考えられてUI/UXになっています。ただし、シンプルな操作性だけに頻出の作業が非常に多く、マウス操作だけだと作業スピードの改善には限界があります。

そこで、シェイプ作成・整列・ビュー切り替えをキーボードショートカットで操作できるようになると、マウス移動を削減して制作スピードと集中力が劇的に向上します。

Sketchは、macOSのショートカット体系に沿った直感的な割り当てが多いため、まずは使用頻度の高い基本ツールやキャンバス操作からマスターしていきましょう。

画面・キャンバス操作

Sketchでのデザイン作業中の大半の時間を占めるのが、キャンバスの拡大縮小や表示モードの調整です。ここをマスターするだけでも、マウス操作によるストレスを軽減することができます。

まずは使用頻度が高い数字キーを使ったズーム操作。

• 100%原寸表示: Cmd + 0
• キャンバス全体を画面に収める: Cmd + 1
• 選択中のオブジェクトにズーム: Cmd + 2
• 選択オブジェクトを画面中央に配置: Cmd + 3
• 最上位フレームにズーム: Cmd + 4

また、ピクセル単位の精密なチェックにはピクセルグリッドの表示切り替え（Ctrl + X）、グリッド（Ctrl + G）やレイアウトガイド（Ctrl + L）の切り替えも便利です。デザインに集中したいときは、インターフェースをすべて非表示にする「Cmd + .」を活用しましょう。

ここはキー割り当てがCmdとCtrlに分かれてしまっているのと、キーが近くにないケースがあるため、左手キーボードなどで割り当ててしまって「画面操作は左手キーボード」とすると、脳の切り替えコストを軽減できます。

レイヤー作成・ツール

キャンバス上に図形やフレーム、テキストを素早く配置するためのショートカット。ここは英単語の頭文字になっているのでマスターしやすいでしょう。

単一キー（アルファベット1文字）でツールを即座に持ち替えることができるので、マウス操作よりも圧倒的にスピーディです。

• 長方形（Rectangle）: R
• 楕円（Oval）: O
• 直線（Line）: L
• ベクターツール（Vector）: V
• 鉛筆（Pencil）: P
• テキスト（Text）: T
• フレーム・アートボード（Frame）: F
• スライスツール: E
• シンボル挿入: Y

好みによっては、この頻出ツールを左手キーボードなどにアサインするのも効果的です。

スタイル・編集

レイヤーの塗りや線のスタイリング、アセット書き出しに関するショートカットです。

塗りの表示/非表示を切り替える「Shift + F」や、線の表示/非表示を切り替える「Shift + B」、塗りと線の色をワンタッチで反転させる「Shift + X」は、ワイヤーフレーム作成やアイコン作成時に重宝するのでマスターしましょう。

キャンバス上の色を瞬時に取得するスポイトツール（Ctrl + C）や、選択オブジェクトのクイック書き出し（Cmd + E）も、作業のスピードアップには必須のテクニックです。

配置・整列・レイアウト

複数のオブジェクトを美しく整える整列機能や、重なり順の変更、スマートレイアウト（スタック）に関するショートカット。デザイン作業においては「整列作業」はウェイトが高い作業なので、必ずマスターしましょう。

整列操作は「Ctrl + Cmd」と矢印キーの組み合わせで統一されているので、ここから覚えると良いでしょう。

• 左揃え: Ctrl + Cmd + ←
• 右揃え: Ctrl + Cmd + →
• 上揃え: Ctrl + Cmd + ↑
• 下揃え: Ctrl + Cmd + ↓
• 水平中央揃え: Ctrl + Cmd + H
• 垂直中央揃え: Ctrl + Cmd + V

さらに、コンポーネントの可変レイアウトを組むスタックレイアウトの追加（Cmd + L）や解除（Alt + Cmd + L）をマスターすれば、レスポンシブなUI設計を驚くほどスピーディに組み立てられます。

ドキュメント操作

ドキュメントの新規作成やファイル管理、タブの切り替えに関するショートカット。

デザイン系のアクションと比較すると頻繁に使うショートカットではないですが、 複数ドキュメントをタブで開いている際の「Ctrl + Tab」「Ctrl + Shift + Tab」での切り替えなど、地味に便利なショートカットもあるので、自身のスタイルに合わせて、覚えるべきところは覚えましょう。

コメント機能

チームメンバーやクライアントとの共同作業・デザインレビューで活躍するコメント操作は、キャンバス上で「N」を押すだけで、任意の場所に素早くコメントピンを配置できます。コメント入力後は「Cmd + Enter」で即座に送信が完了します。

作業中にコメントが視界の邪魔になる場合は「Ctrl + N」で一時的に非表示にし、過去のやり取りを確認したいときは解決済みコメントの表示切り替え（Ctrl + Shift + N）を使いましょう。

この辺りはコラボ作業時に非常に役立ちます。

Webアプリ・プロトタイプ

Sketch Cloud上のWebアプリや、ブラウザでのプロトタイプ確認で使えるショートカットです。

作成したプロトタイプを全画面でテストする際、原寸表示に切り替える「Z」や、最初からやり直すリスタート「R」を押すだけで、プレゼンテーションやユーザビリティテストをスムーズにできます。

デザイン作業の中では頻出ではないですが、マスターしておいて損はありません。

全体共通

Sketch全体を通して瞬時にアクセスしたいグローバルな操作のショートカット。

アプリ内のあらゆるツールやレイヤー、コマンドをインクリメンタル検索できる「コマンドバー（Cmd + K）」は、ショートカットやツールをマスターしていない段階では便利なので覚えておきましょう。

また、頻繁に使うプラグインを直前と同じ条件で即座に再実行する「Ctrl + Shift + R」や、スクリプト実行（Ctrl + Shift + K）も覚えておくと、デザイン制作のスピードアップに繋がります。