![見出し画像](https://assets.st-note.com/production/uploads/images/143599872/rectangle_large_type_2_9e299e5fb8e612abcdefbc295266ec98.png?width=1200)
覚えると便利!よく使うFigmaショートカット(オートレイアウト編)
こんにちは!Webデザイナーのいるそらです!
時短に欠かせないショートカットですが、もちろんFigmaにも存在します。
本記事では初心者さん向けに、覚えておくと便利なFigmaのショートカットを全6回に分けてご紹介していきます。
第5回は「オートレイアウト」編です!
💻ショートカットとは
特定のキーを組み合わせてパソコンの操作手順を短縮することです。
例えばFigmaで移動ツールを選択したい場合、以下のキーを入力するだけで移動ツールに切り替えることができます。
Mac:V
Win :V
![](https://assets.st-note.com/img/1717997029264-idQGh504R8.png?width=800)
本記事ではJISキーボード(日本語(かな)配列)を使用してショートカットを紹介しています。
![](https://assets.st-note.com/img/1717997029982-4hjkTXjdqc.png?width=1200)
💻ショートカット一覧を確認する方法
下記ショートカットを入力するとFigmaの画面下部にショートカット一覧を表示することができます。
Mac:Control+Shift+?
Win :Ctrl+Shift+?
項目のタブが複数に分かれていて、たくさんのショートカットがあることがわかりますね。
使用したことのあるショートカットは水色に変わります。
![](https://assets.st-note.com/img/1717997029587-oXcfbxHPTN.png?width=1200)
💻覚えておきたいショートカット
📝オートレイアウト編
オブジェクト同士のレイアウトを自動で行ってくれるのが、オートレイアウトです。使いこなすことができれば作業効率が飛躍的に上がります!
オートレイアウトの追加
Mac:Shift+A
Win :Shift+A
オートレイアウトの削除
Mac:Option+Shift+A
Win :Alt+Shift+A
🌟最後に
今回は初心者さん向けに、覚えておくと便利なFigmaのショートカット(オートレイアウト編)をご紹介しました。
まずは、ご自身の使用頻度の高いショートカットから覚えていただければと思います。
この内容がみなさんのお役に立てばうれしいです!
最後までご覧いただきありがとうございました!
✅ショートカットは覚えた!という方
コーディングの練習をしたい・もっと経験を積みたい方や、自分でデザインを作るにあたって参考にいろんなデザインデータを見てみたい!
そんな方はこちら記事もご覧ください👇
📖Figmaを初めて使う方、基礎から学びたい方にオススメ
この記事が気に入ったらサポートをしてみませんか?