Figma
ブラウザベースの革命的デザインツール。リアルタイム共同編集とプロトタイピングで、デザインプロセスを変革します
オブジェクトの配置・整列・オートレイアウトで、美しく機能的なデザインを効率的に構築するレイアウト管理ショートカット
Ctrl+G
選択範囲をグループ化
選択範囲をグループ化します。
💡 覚え方: Group
🎯 関連する要素をグループ化し、デザインの構造を整理して管理しやすくする
Ctrl+Backspace
グループ解除
グループを解除します。
💡 覚え方: Ctrl + Backspace
🎯 グループを解除して個別の要素として編集可能にし、柔軟なレイアウト調整を行う
Ctrl+Alt+G
選択範囲をフレーム化
選択範囲をフレームとして囲みます。
💡 覚え方: Ctrl + Alt + G
🎯 選択した要素をフレームで囲み、レスポンシブなレイアウト設計の基盤を作る
Alt+A → Alt+D
左右に揃える
オブジェクトを左右に揃えます。
💡 覚え方: Alt + A/D
🎯 要素を左右に正確に整列させ、プロフェッショナルなレイアウトの基礎を構築する
Alt+W → Alt+S
上下に揃える
オブジェクトを上下に揃えます。
💡 覚え方: Alt + W/S
🎯 要素を上下に整列させ、垂直方向の視覚的バランスを整える
Alt+H → Alt+V
中央に揃える
オブジェクトを中央に揃えます。
💡 覚え方: Alt + H/V
🎯 要素を中央に配置し、対称的で美しいレイアウト構成を実現する
Alt+Shift+H → Alt+Shift+V
間隔を均等に配分
オブジェクト間のスペースを均等に配分します。
💡 覚え方: Alt + Shift + H/V
🎯 要素間の間隔を均等に配分し、リズミカルで読みやすいデザインを作成する
Shift+A
オートレイアウトを追加
オートレイアウトを追加します。
💡 覚え方: Auto Layout
🎯 自動レイアウト機能を追加し、コンテンツの変更に対応する柔軟なデザインシステムを構築する
Alt+Shift+A
オートレイアウトを解除
オートレイアウトを解除します。
💡 覚え方: Alt + Shift + A
🎯 オートレイアウトを解除し、手動での精密な位置調整を可能にする
Ctrl+Alt+Shift+T
整列 (Tidy Up)
選択したオブジェクトを均等に整列します。
💡 覚え方: Tidy Up
🎯 散らばった要素を自動的に整理し、美しく秩序立ったレイアウトを瞬時に作成する