Figma キーボードショートカット

Figma は Web ベースの UI/UX デザインツールで、2024 年の Stack Overflow 調査ではデザイナーマーケットの 40% 以上、新興スタートアップのデザインの 80% を占めています。Figma のショートカットエコシステムは単一キー（V、F、R、O、L、P、T、H）でツールを切り替え、⌘/Ctrl 修飾子でアクションを実行するもので、キーボード駆動デザインへの初期投資がすべての競合に影響を与えました。Figma は Mac と Windows のブラウザで動作し、キーレイアウトは完全に同じです（Mac の ⌘ = Win の Ctrl）。 本リファレンスカードは最もよく使う 100+ ショートカットを 7 つの機能別に分類しています：一般、ツール、選択と変形、テキスト、図形/フレーム/ベクター、自動レイアウトとコンポーネント、ビューとエクスポート。すべてのエントリは Figma の公式ドキュメントから転記しています。 使い方 - ページ上部でプラットフォーム（Windows / macOS）を選択 — キーが即座に切り替わります。 - 任意の単語またはキーの組み合わせを検索。 - 行の「コピー」ボタンをクリックしてキー文字列を取得。 - PNG（2400×1140 横向き）を壁紙として、PDF を A4 横向き 1 ページの参考としてエクスポート。 ヒント - F = フレーム、R = 矩形、O = 楕円、T = テキスト、P = ペン、H = 手のひら — 単一キーでホームキーから手を離さずツール切替。 - スペースを押し続けるとキャンバスを一時的にパン（手のひらツールに切替不要）。 - Ctrl+Alt+K（Mac は ⌥⌘K）で選択範囲をコンポーネントに変換 — Figma 最も使用されるショートカット。 - Ctrl+Alt+G / ⌥⌘G で選択範囲にフレーム追加（自動レイアウトで最も柔軟なグループ化）。 - Ctrl+/ でクイックアクションバーを開く — アクションを何でも検索可能。 なぜ vscode-shortcuts と統合しないのか？Figma はデザインツール、コードエディタではないため。両者には少し重複（コピー/ペースト、元に戻す/やり直し）がありますが、ツール選択とコンポーネントワークフローで分岐します。分離により各ツールがフォーカスされます。