Figma
ブラウザベースの革命的デザインツール。リアルタイム共同編集とプロトタイピングで、デザインプロセスを変革します
Ctrl+\
UIの表示/非表示
ユーザーインターフェイスの表示/非表示を切り替えます。
💡 覚え方: UI（ユーザーインターフェイス）
I
カラーを選択
カラーピッカーを開きます。
💡 覚え方: I（カラー選択）
Ctrl+/
検索
コマンドやプロパティを検索します。
💡 覚え方: Search（検索）
V
移動ツール
移動ツールに切り替えます。
💡 覚え方: V（移動）
F
フレームツール
フレームツールに切り替えます。
💡 覚え方: Frame（フレーム）
P
ペンツール
ペンツールに切り替えます。
💡 覚え方: Pen（ペン）
Shift+P
鉛筆ツール
鉛筆ツールに切り替えます。
💡 覚え方: Shift + P（鉛筆）
T
テキストツール
テキストツールに切り替えます。
💡 覚え方: Text（テキスト）
R
長方形ツール
長方形ツールに切り替えます。
💡 覚え方: Rectangle（長方形）
O
楕円ツール
楕円ツールに切り替えます。
💡 覚え方: O（楕円）
L
線ツール
線ツールに切り替えます。
💡 覚え方: Line（線）
Shift+L
矢印ツール
矢印ツールに切り替えます。
💡 覚え方: Shift + L（矢印）
C
コメントを追加/表示
コメントを追加または表示します。
💡 覚え方: Comments（コメント）
S
スライスツール
スライスツールに切り替えます。
💡 覚え方: Slice（スライス）
Ctrl+Alt+\
マルチプレイヤーカーソル
複数ユーザーのカーソルを表示/非表示します。
💡 覚え方: Cursors（カーソル）
Shift+R
定規を表示
定規を表示/非表示します。
💡 覚え方: Rulers（定規）
Shift+O
アウトラインを表示
オブジェクトのアウトラインを表示/非表示します。
💡 覚え方: Outlines（アウトライン）
Ctrl+Shift+P
ピクセルプレビュー
ピクセル単位のプレビューを表示/非表示します。
💡 覚え方: Preview（プレビュー）
Shift+G
レイアウトグリッド
レイアウトグリッドを表示/非表示します。
💡 覚え方: Grids（グリッド）
Shift+'
ピクセルグリッド
ピクセルグリッドを表示/非表示します。
💡 覚え方: '（グリッド）
Alt+1
レイヤーパネルを表示
レイヤーパネルを開きます。
💡 覚え方: Alt + 1
Alt+2
アセットパネルを表示
アセットパネルを開きます。
💡 覚え方: Alt + 2
Alt+8
デザインパネルを表示
デザインパネルを開きます。
💡 覚え方: Alt + 8
Alt+9
プロトタイプパネルを表示
プロトタイプパネルを開きます。
💡 覚え方: Alt + 9
Alt+0
コードパネルを表示
コードパネルを開きます。
💡 覚え方: Alt + 0
Space+Drag
パン
Spaceを押しながらドラッグしてキャンバスを移動します。
💡 覚え方: Space + Drag
Ctrl++ → Ctrl+=
ズームイン
キャンバスを拡大します。
💡 覚え方: Ctrl + +
Ctrl+-
ズームアウト
キャンバスを縮小します。
💡 覚え方: Ctrl + -
Ctrl+0
100%表示
キャンバスを100%にリセットします。
💡 覚え方: Ctrl + 0
Shift+1
画面に合わせてズーム
キャンバスを画面に合わせて表示します。
💡 覚え方: Shift + 1
Shift+2
選択範囲にズーム
選択範囲にズームします。
💡 覚え方: Shift + 2
N
次のフレームにズーム
次のフレームにズームします。
💡 覚え方: Next
Shift+N
前のフレームにズーム
前のフレームにズームします。
💡 覚え方: Shift + N
PageUp
前のページ
前のページに移動します。
💡 覚え方: PageUp
PageDown
次のページ
次のページに移動します。
💡 覚え方: PageDown
Home
前のフレームを検索
前のフレームを検索します。
💡 覚え方: Home = 前
End
次のフレームを検索
次のフレームを検索します。
💡 覚え方: End = 次
Ctrl+B
太字
選択テキストを太字にします。
💡 覚え方: Bold（太字）
Ctrl+I
斜体
選択テキストを斜体にします。
💡 覚え方: Italic（斜体）
Ctrl+U
下線
選択テキストに下線を追加します。
💡 覚え方: Underline（下線）
Ctrl+Shift+V
スタイルを合わせて貼り付け
コピーしたテキストのスタイルに合わせて貼り付けます。
💡 覚え方: Shift + V
Ctrl+K
リンクを作成
選択テキストにリンクを追加します。
💡 覚え方: K（リンク）
Ctrl+Shift+X
取り消し線
選択テキストに取り消し線を追加します。
💡 覚え方: Shift + X
Ctrl+Shift+7
番号付きリストに変換
選択テキストを番号付きリストに変換します。
💡 覚え方: Shift + 7
Ctrl+Shift+8
箇条書きリストに変換
選択テキストを箇条書きリストに変換します。
💡 覚え方: Shift + 8
Ctrl+Alt+L
テキストを左揃え
テキストを左揃えにします。
💡 覚え方: Alt + L
Ctrl+Alt+T
テキストを中央揃え
テキストを中央揃えにします。
💡 覚え方: Alt + T
Ctrl+Alt+R
テキストを右揃え
テキストを右揃えにします。
💡 覚え方: Alt + R
Ctrl+Alt+J
テキストを両端揃え
テキストを両端揃えにします。
💡 覚え方: Alt + J
Ctrl+Shift+< → Ctrl+Shift+>
フォントサイズを調整
フォントサイズを増減します。
💡 覚え方: Ctrl + Shift + < / >
Ctrl+Alt+< → Ctrl+Alt+>
フォントウェイトを調整
フォントウェイトを増減します。
💡 覚え方: Ctrl + Alt + < / >
Alt+< → Alt+>
文字間隔を調整
文字間隔を増減します。
💡 覚え方: Alt + < / >
Alt+Shift+< → Alt+Shift+>
行間を調整
行間を増減します。
💡 覚え方: Alt + Shift + < / >
P
シェイプ編集:ペン
シェイプを編集する際にペンツールを使用します。
💡 覚え方: Pen（ペン）
Shift+P
シェイプ編集:鉛筆
シェイプを編集する際に鉛筆ツールを使用します。
💡 覚え方: Shift + P（鉛筆）
B
シェイプ編集:ペイントバケツ
シェイプを編集中にペイントバケツツールを使用します。
💡 覚え方: Bucket（バケツ）
Alt+/
塗りを削除
選択中のシェイプの塗りを削除します。
💡 覚え方: /（塗り削除）
Shift+/
線を削除
選択中のシェイプの線を削除します。
💡 覚え方: Shift + /** で線を削除
Shift+X
塗りと線を入れ替え
塗りと線を入れ替えます。
💡 覚え方: X（交換）
Ctrl+Shift+O
線をアウトライン化
線をアウトラインパスに変換します。
💡 覚え方: Outline（アウトライン）
Ctrl+E
選択範囲をフラット化
選択したオブジェクトをフラット化します。
💡 覚え方: E（フラット化）
Ctrl+J
選択範囲を結合
選択したポイントを結合します。
💡 覚え方: Join（結合）
Shift+Backspace
ポイントを削除して修復
ポイントを削除して形状を修復します。
💡 覚え方: Shift + Backspace で修復
Ctrl+A
すべて選択
すべてのオブジェクトを選択します。
💡 覚え方: All
Ctrl+Shift+A
選択範囲を反転
選択を反転します。
💡 覚え方: Inverse
Esc
選択解除
選択を解除します。
💡 覚え方: Esc = 解除
Ctrl+Click
深い選択
親子関係を考慮して要素を選択します。
💡 覚え方: Ctrl + Click
Enter
子要素を選択
子要素を選択します。
💡 覚え方: Enter = 子へ
Shift+Enter
親要素を選択
親要素を選択します。
💡 覚え方: Shift + Enter = 親へ
Tab
次の兄弟を選択
次の兄弟要素を選択します。
💡 覚え方: Tab = 次
Shift+Tab
前の兄弟を選択
前の兄弟要素を選択します。
💡 覚え方: Shift + Tab = 前
Ctrl+Alt+A
一致するすべてのレイヤーを選択
一致するレイヤーをすべて選択します。
💡 覚え方: All matching
Ctrl+G
選択範囲をグループ化
選択範囲をグループ化します。
💡 覚え方: Group
Ctrl+Backspace
グループ解除
グループを解除します。
💡 覚え方: Ctrl + Backspace
Ctrl+Alt+G
選択範囲をフレーム化
選択範囲をフレームとして囲みます。
💡 覚え方: Ctrl + Alt + G
Ctrl+Shift+H
選択範囲の表示/非表示
選択範囲の表示を切り替えます。
💡 覚え方: Hide/Show
Ctrl+Shift+L
選択範囲のロック/解除
選択範囲のロックを切り替えます。
💡 覚え方: Lock
Alt
選択までの計測
Altキーを押しながら対象までの距離を計測します。
💡 覚え方: Alt = 計測
Alt
移動中に複製
オブジェクトを移動中に複製します。
💡 覚え方: Alt = 複製
Ctrl+Drag
矩形内を深く選択
Ctrl + ドラッグで矩形範囲内を階層選択します。
💡 覚え方: Ctrl + Drag
Alt
中心からリサイズ
Altキーを押しながら中心を基準にリサイズします。
💡 覚え方: Alt = 中心
Shift
比率固定でリサイズ
Shiftキーを押しながら比率を固定してリサイズします。
💡 覚え方: Shift = 比率
Ctrl
画像切り抜き/制約無視
Ctrlキーを押しながら画像を切り抜く、またはフレームの制約を無視します。
💡 覚え方: Ctrl = Crop/Ignore
Ctrl+C
コピー
選択した要素をコピーします。
💡 覚え方: Copy（コピー）
Ctrl+X
切り取り
選択した要素を切り取ります。
💡 覚え方: X（切り取り）
Ctrl+V
貼り付け
要素を貼り付けます。
💡 覚え方: V（貼り付け）
Ctrl+Shift+R
置き換えて貼り付け
選択した要素を置き換えます。
💡 覚え方: R（置き換え）
Ctrl+Shift+V
選択範囲に上書き貼り付け
選択範囲に重ねて貼り付けます。
💡 覚え方: Shift + V
Ctrl+D
複製
要素を複製します。
💡 覚え方: Duplicate（複製）
Ctrl+R
名前変更
選択中のオブジェクトの名前を変更します。
💡 覚え方: Rename（名前変更）
Ctrl+Shift+E
エクスポート
選択した要素をエクスポートします。
💡 覚え方: Shift + E
Ctrl+F
検索
テキストやレイヤーを検索します。
💡 覚え方: Find（検索）
Ctrl+Shift+C
PNGとしてコピー
選択範囲をPNG形式でコピーします。
💡 覚え方: Shift + C
Ctrl+Alt+C
プロパティをコピー
選択のプロパティをコピーします。
💡 覚え方: C（プロパティ）
Ctrl+Alt+V
プロパティを貼り付け
コピーしたプロパティを貼り付けます。
💡 覚え方: V（プロパティ）
Shift+H
水平方向に反転
選択を水平方向に反転します。
💡 覚え方: Horizontal
Shift+V
垂直方向に反転
選択を垂直方向に反転します。
💡 覚え方: Vertical
Ctrl+Alt+M
マスクとして使用
選択をマスクとして使用します。
💡 覚え方: Mask
Enter
シェイプ/画像を編集
選択中のシェイプまたは画像を編集します。
💡 覚え方: Enter
Ctrl+Shift+K
画像を配置
画像を挿入します。
💡 覚え方: Shift + K
0+0
不透明度0%
不透明度を0%に設定します。
💡 覚え方: 00（ゼロゼロ）
1
不透明度10%
不透明度を10%に設定します。
💡 覚え方: 1
5
不透明度50%
不透明度を50%に設定します。
💡 覚え方: 5
0
不透明度100%
不透明度を100%に設定します。
💡 覚え方: 0（100%）
Ctrl+]
前面に移動
オブジェクトを前面に移動します。
💡 覚え方: ] = 前面
Ctrl+[
背面に移動
オブジェクトを背面に移動します。
💡 覚え方: [ = 背面
]
最前面に移動
オブジェクトを最前面に移動します。
💡 覚え方: ] = 最前面
[
最背面に移動
オブジェクトを最背面に移動します。
💡 覚え方: [ = 最背面
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
Ctrl+Alt+Shift+T
整列 (Tidy Up)
選択したオブジェクトを均等に整列します。
💡 覚え方: Tidy Up
Shift+A
オートレイアウトを追加
オートレイアウトを追加します。
💡 覚え方: Auto Layout
Alt+Shift+A
オートレイアウトを解除
オートレイアウトを解除します。
💡 覚え方: Alt + Shift + A
Alt+2
アセットを表示
アセットパネルを表示します。
💡 覚え方: 2
Ctrl+Alt+O
チームライブラリ
チームライブラリを開きます。
💡 覚え方: Ctrl + Alt + O
Ctrl+Alt+K
コンポーネントを作成
選択からコンポーネントを作成します。
💡 覚え方: Ctrl + Alt + K
Ctrl+Alt+B
インスタンスを分離
インスタンスからコンポーネントを分離します。
💡 覚え方: Ctrl + Alt + B
Alt
インスタンスを入れ替え
アセットからドラッグ中にインスタンスを入れ替えます。
💡 覚え方: Alt = swap
Ctrl+Shift+?
キーボードショートカットを表示
キーボードショートカットのヘルプを表示します。
💡 覚え方: ?（ショートカット）
Ctrl+Alt+S
バージョン履歴に保存
現在のファイルをバージョン履歴に保存します。
💡 覚え方: Ctrl + Alt + S
Ctrl+Shift+F
次を検索
次の検索結果に移動します。
💡 覚え方: Shift + F
Ctrl+Shift+D
前を検索
前の検索結果に移動します。
💡 覚え方: Shift + D
Ctrl+Z
元に戻す
操作を元に戻します。
💡 覚え方: Z（元に戻す）
Alt+L
すべてのレイヤーを折りたたむ
レイヤーパネル内のすべてのレイヤーを折りたたみます。
💡 覚え方: Alt + L
Ctrl+Alt+P
最後のプラグインを実行
最後に使用したプラグインを実行します。
💡 覚え方: Ctrl + Alt + P
Ctrl+Shift+'
ピクセルグリッドにスナップ
オブジェクトをピクセルグリッドにスナップします。
💡 覚え方: '（スナップ）
Alt+DoubleClick
画像を切り抜く
Altキーを押しながらダブルクリックで画像を切り抜きます。
💡 覚え方: Alt + ダブルクリック
Ctrl+RightClick
レイヤーメニューを開く
Ctrl + 右クリックでレイヤーメニューを開きます。
💡 覚え方: Ctrl + 右クリック
Space
移動中に枠内に保持
移動中にSpaceキーでオブジェクトをフレーム内に保持します。
💡 覚え方: Space = フレーム内保持