Figmaデザインツールキーボードショートカット
ツール、コンポーネント、Auto Layout、ズーム、コラボレーション機能のキーボードショートカットでFigmaでのデザインを高速化。
Figma
詳細な説明
Figmaデザインショートカット
FigmaはUI/UXデザインの業界標準デザインツールです。
ツール選択
Figmaはツールに単一キーショートカットを使用します（修飾キー不要）：
- V — 移動ツール（選択）
- F — フレームツール
- R — 長方形
- T — テキストツール
- P — ペンツール
レイヤー操作
- グループ化 (
⌘+G/Ctrl+G) - グループ解除 (
⌘+Shift+G/Ctrl+Shift+G) - 複製 (
⌘+D/Ctrl+D)
コンポーネント＆Auto Layout
- コンポーネント作成 (
⌘+⌥+K/Ctrl+Alt+K) — 選択を再利用可能なコンポーネントに変換 - Auto Layout (
Shift+A) — 選択にAuto Layoutを追加（レスポンシブデザインに必須）
開発者ハンドオフ
- CSSコピー (
⌘+⌥+C/Ctrl+Alt+C) — デザインパネルからCSSプロパティをコピー
ユースケース
Figmaショートカットは、UIモックアップを作成するデザイナーと実装のためにデザインを検査する開発者の両方に不可欠です。単一キーのツールショートカット（V、F、R、T）はツールバーをクリックするよりも大幅に高速です。