この記事は2分で読めます

【Figma】覚えておくべきショートカット

  • 投稿日
  • 更新日

あとで読む

【Figma】覚えておくべきショートカット

デザインツールのFigmaには便利な機能がたくさんありますが、使い始めたばかりの頃は、作業効率を上げるのは大変です。今回は、作業が格段に速くなる便利なショートカットをご紹介します。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

ツール選択に便利なショートカット(mac/win共通)

移動 V

長方形ツール R

線ツール L

ペンツール P

テキストツール T

楕円ツール O

フレームツール F

基本操作に便利なショートカット

※上段がmacOS、下段がwindowsです。

レイヤーのプロパティのみコピーoption + + C

altctrlC
レイヤーのプロパティのみペーストoption +  + V

altctrlV
フレームをPNG画像としてコピーshift + + C

shiftctrlC
画像の挿入shift + + K

shiftctrlK
レイヤーを最前面に移動option + + [

altctrl[
レイヤーを最背面に移動option + + ]

altctrl]
レイヤーを一つ上に移動 + [

ctrl[
レイヤーを一つ下に移動 + ]

ctrl]

オブジェクトの操作に便利なショートカット

※上段がmacOS、下段がwindowsです。

オブジェクトをグループ化 + G

ctrlG
オブジェクトを複製optionを押したままドラッグ

altを押したままドラッグ
オブジェクトをフレームのに整列option + A

alt + A
オブジェクトをフレームのに整列option + W

alt + W
オブジェクトをフレームのに整列option + D

alt + D
オブジェクトをフレームのに整列option + S

alt + S
オブジェクトをフレームの中央に水平揃えoption + H

alt + H
オブジェクトをフレームの中央に垂直揃えoption + V

alt + V

Figma上でショートカットを確認(mac/win共通)

Figmaには操作時にショートカットの一覧が確認できるチートシートのようなものが用意されています。上記のショートカットを一通り覚えた後に他のショートカットを見つけたい時、忘れてしまったショートカットを調べる時に便利です。

ショートカットコマンド一覧を表示ctrl + shift + ?

まとめ

今回は、作業効率が上がるFigmaのショートカットを紹介しました。Figmaには今回ご紹介した以外にも、たくさんのショートカットがあります。ショートカットを上手に使いながら、ぜひ作業のスピードアップを図ってみてください。

最後までご覧いただき、ありがとうございました!

この記事を書いた人

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須