【爆速デザイン】Sketchでよく使うショートカットキーまとめ

こんな人に向けてSketchでよく使うショートカットキーをまとめました。

覚えると、作業スピードがモリッとあがります(´ω`)

この記事の内容

• Sketchの基本的なショートカットキー
• Sketchの意外と知らない便利なショートカットキー

と画像とgifアニメーション付きで紹介していきます。

Sketchの基本的なショートカットキー

以下がよく知られている基本的なショートカットキーです。

• 新しいアートボード : a (art board)
• 四角形 : r (rectangle)
• 円 : o (oval)
• テキスト : t (text)
• ベクターポイント : v (vector)
• ズーム : z (zoom)
• ガイド : alt
• グループ : command g (group)
• グループ解除 : command shift g
• 複製 : command d (duplicate)/ option ドラッグ
• 編集 : enter
• 選択中レイヤーサイズ変更 : command 矢印(矢印の方向に伸び縮み)

だいたい英語の頭文字なので、英語で覚えるといいです。

これらを覚えてるだけで、かなり作業の速さが変わるので、覚えておきましょう^ ^

ちなみにzのズームはこんな感じで使えます。

＊zを押しながらクリックアンドドラッグです。

Sketchの意外と知らない便利なショートカットキー達

以下はめっちゃ便利だけど、あまり知られていない？ショートカットキー達です。

でも知っておくと、デザインスピードがグーーーーンっと上がります(^^)

カラーピッカー control c

色を使いたいレイヤーを選択しcontrol cでカラーピッカーが使えます。
キャンバス上から色を選ぶ時にいちいち右側のカラーパレットに行かなくても簡単に選べます。

スタイルのコピー option command cからの
スタイルのペースト option command v

スタイルをコピーしたいレイヤーを選択→コピー→ペースト
いちいち右クリックせずにレイヤーのスタイルをコピペできます。

プレゼンモード command .

command . で左右のウィンドウを非表示にできます。
もう一度、command . で元に戻せます。

キャンバスの中央へ command 1からの
選択レイヤーへズーム command 2

キャンバス内にアートボードが一つだけだと、そのアートボードにズームします。
複数ある場合は、全体の中央になります。

下のレイヤーを選択 tabからの
上のレイヤーを選択 shift tab

いちいちクリックでレイヤーの選択をしなくていいので時短になりますね。
特にたくさんのレイヤーが重なっている時は便利です。

下のレイヤーを上に移動 option command ↑からの
上のレイヤーを下に移動 option command ↓

これは超便利(^^)
クリックアンドドラッグで移動させるより何倍も早くレイヤーの順番を変更できます。

ツールバーからもできるよ

下のレイヤーを一番上に移動 control option command ↑からの
上のレイヤーを一番下に移動 control option command ↓

一気にレイヤーを一番上に、もしくは一番下に持っていきたい時はコレ！
一瞬です(^^)

optionを押すとツールバーからできるよ

全部まとめたリスト

• 新しいアートボード : a (art board)
• 四角形 : r (rectangle)
• 円 : o (oval)
• テキスト : t (text)
• ベクターポイント : v (vector)
• ズーム : z (zoom)
• ガイド : alt
• グループ : command g (group)
• グループ解除 : command shift g
• 複製 : command d (duplicate) / option ドラッグ
• 編集 : enter
• サイズ変更 : command 矢印(矢印の方向に伸び縮み)
• カラーピッカー : control c (colour)
• スタイルのコピー : option command c
• スタイルのペースト : option command v
• プレゼンモード : command .
• キャンバスの中央へ : command 1
• 選択レイヤーへズーム : command 2
• 下のレイヤーを選択 : tab
• 上のレイヤーを選択 : shift tab
• 下のレイヤーを上に移動 : option command ↑
• 上のレイヤーを下に移動 : option command ↓
• 下のレイヤーを一番上に移動 : control option command ↑
• 上のレイヤーを一番下に移動 : control option command ↓

これらを覚えて一つ一つの動作を最適化することで全体のスピードが上がります(^^)!!

効率上げてどんどんデザインしていきましょう〜

Sketchの参考書

Sketchの本はまだ種類が全然ないので、とりあえずこの本を押さえておけば大丈夫です^ ^
あとはググるかYouTubeチュートリアルを見るといいです。

こちらの記事も一緒にどうぞ〜

Sketchでボタンのシンボルを作成する方法と使い方【デザイン効率Up】

Sketchでボタンのシンボルを作成する方法と使い方を解説しています。デザインの効率がUpしますので参考にして見てください。

Sketchでテキストスタイルを設定する方法【デザイン効率化】

フォントサイズを決めるのに便利なサイト・テキストスタイルの設定方法・使い方を紹介しています。実際に、この方法でサイトをいくつかデザインしましたが、とても便利ですし、効率よく一貫性のあるデザインができます。

Sketchで自作カラーパレットを作成して効率良くUIデザインする方法

SketchでUIなどを効率よく作るために、前もってカラーパレットを作るとかなり便利です。また、作ったパレットの色のシェアスタイルを作ることで、後々大幅な変更があった場合に色の変更が楽になります。この記事では、色を選ぶのに便利なサイト・カラーパレットの作り方・シェアスタイルの使い方を紹介します。

初心者でも簡単に使えるSketchのおすすめ時短プラグイン５選

Sketchの作業が劇的に変わるおすすめのプラグインをたくさんある中から５つ選んでみました。初心者でも簡単に使えますし、作業が超楽になりますので是非入れてみてください。

では〜