Figmaでルーラー(定規)を表示する方法とガイド線を作る方法を紹介します。
FigmaでもPhotoshopのようにガイド線を引くことができるのでページのレイアウトなどに使用することができます。
Figmaでルーラー(定規)を表示する方法
Figmaでルーラー(定規)を表示するには次の2つの方法があります。
- Figmaのメニューの「表示」から「定規」を選択
- キーボードで、Shift+Rで表示
メニューから表示するには、左上のメニューの「表示」から「定規」を選択します。
キーボードショートカットでShift+Rでも定規を表示可能です。
定規を表示するとデザイン画面の上と左に目盛が表示されるようになります。
Figmaでガイド線を出す方法
Figmaでガイド線を作成するには、ルーラー(定規)を表示した後マウスを目盛に持っていって、目盛をドラッグすればガイド線を出すことができます。
ガイド線は出した後も移動することができます。複数のガイド線を出してレイアウトのガイドを作成できます。
また、ガイド線をクリックして有効化すると線が青色になり、その状態でキーボードの矢印キーを押すと上下や左右に細かく微調整することもできます。
まとめ
Figmaを使ってデザインすることが多くなってきましたが、ちょっとした作業ならPhotoshopやイラレよりもサクサク作業できるのでかなり快適。
ルーラーやガイド線を利用して細かいレイアウトの調整もできるのでぜひ活用してみてください。