デザイン速度を上げる最高のFigmaショートカット

注意:この記事はMacユーザー向けに書かれています。Windowsユーザーの場合は、CmdをCtrlに、OptionをAltに置き換えてください。

個人的なお気に入り 

過去6年間Figmaを使ってきた中で、採用したお気に入りのショートカットを紹介します。

1. 色を選択: I

2. UIを表示/非表示: Cmd + .

3. クイックアクションメニュー:Cmd + /

4. ページをズームアウト: Shift + 1

5. 選択部分をズーム: Shift + 2

6. Figmaホームを開く: Cmd + 1

7. 複製: Option + ドラッグ

8. レイヤーをロック/解除: Cmd + Shift + L

ナビゲーションショートカット

プロジェクトをこれらのキーショートカットでナビゲートします。

1. ズームイン/アウト: Cmd + + または Cmd + -

2. キャンバスをパン: スペースを押しながらドラッグ

3. UIを表示/非表示: Cmd + \

4. レイヤーパネルを表示/非表示: Cmd + Option + 1

オブジェクト操作

レイヤー、フレーム、オブジェクトを素早く操作してデザインプロセスを最適化します。

1. 複製: Cmd + D

2. 選択をグループ化: Cmd + G

3. 選択をグループ解除:Cmd + Shift + G

4. 選択をフレーム化: Cmd + Option + G

5. レイヤーを正確に移動: 矢印キー（1ピクセル移動）、矢印キーとShiftを押しながら（10ピクセル移動）

ツール選択

クリエイティブな流れを維持するためにツールを効率的に切り替えます。

1. 選択ツール（移動ツール）: V

2. テキストツール: T

3. 矩形ツール: R

4. 楕円ツール: O

5. ラインツール: L

6. ペンツール: P

7. ハンドツール: H （デザインを変更せずにキャンバスを移動）

コンポーネント管理

キーボードから手を離さずにコンポーネントを管理します。

1. コンポーネントを作成: Cmd + Option + K

2. インスタンスをデタッチ: Cmd + Option + B

3. メインコンポーネントに移動: Cmd + Option + G

テキスト編集

これらの簡単なショートカットでテキストレイヤーを効果的に編集します。

1. 太字: Cmd + B

2. 斜体: Cmd + I

3. 下線: Cmd + U

4. フォントサイズを増加: Cmd + Shift + >

5. フォントサイズを減少: Cmd + Shift + <

表示とコメント

ワークスペースの表示を管理し、コメントで共同作業を行います。

1. 選択を表示枠に合わせる: Cmd + Shift + F

2. コメントを追加: Cmd + Shift + C

結論

これらのショートカットは、定型的な作業に費やす時間を減らすためのものです。創造的作業に集中する機会を増やします。

Figmaでのワークフローを加速し、より熟達するために、これらを定期的に使用してください。