Best Figma Shortcuts To Boost Your Design Speed

Best Figma Shortcuts To Boost Your Design Speed

Vlad Solomakha

Vlad Solomakha

Apr 13, 2024

Apr 13, 2024

I explore some of the best Figma shortcuts that help improve your efficiency. Boost your workflow across navigation, editing, and organization.

I explore some of the best Figma shortcuts that help improve your efficiency. Boost your workflow across navigation, editing, and organization.

Note, that this article is written for Mac Users. If you are a Windows user, replace Cmd with Ctrl and Option with Alt.

Personal Favorites 

I've been working inside Figma for the last 6 years, and here are my favorite shortcuts that I adopted over these years.

  1. Pick Color: I

  2. Hide/Show UI: Cmd + .

  3. Quick actions menu Cmd + /

  4. Zoom Out Page: Shift + 1

  5. Zoom to Selection: Shift + 2

  6. Open Figma Home: Cmd + 1

  7. Duplicate: Option + Drag

  8. Lock/Unlock Layers: Cmd + Shift + L

Navigation Shortcuts

Navigate through your projects with these key shortcuts.

  1. Zoom In/Out: Cmd + + or Cmd + -

  2. Pan Canvas: Hold Space and drag

  3. Hide/Show UI: Cmd + \

  4. Show/Hide Layers Panel: Cmd + Option + 1

Object Manipulation

Quickly manipulate layers, frames, and objects to optimize your design process.

  1. Duplicate: Cmd + D

  2. Group Selection: Cmd + G

  3. Ungroup Selection: Cmd + Shift + G

  4. Frame Selection: Cmd + Option + G

  5. Move Layers Precisely: Arrow keys (nudge by 1 pixel), hold Shift with arrow keys (nudge by 10 pixels)

Tools Selection

Switch tools efficiently to maintain your creative flow.

  1. Select Tool (Move Tool): V

  2. Text Tool: T

  3. Rectangle Tool: R

  4. Ellipse Tool: O

  5. Line Tool: L

  6. Pen Tool: P

  7. Hand Tool: H (for moving the canvas without altering the design)

Component Management

Manage components without lifting fingers from the keyboard.

  1. Create Component: Cmd + Option + K

  2. Detach Instance: Cmd + Option + B

  3. Go to Main Component: Cmd + Option + G

Text Editing

Edit text layers effectively with these straightforward shortcuts.

  1. Bold: Cmd + B

  2. Italic: Cmd + I

  3. Underline: Cmd + U

  4. Increase Font Size: Cmd + Shift + >

  5. Decrease Font Size: Cmd + Shift + <

Viewing and Commenting

Manage your workspace view and collaborate through comments.

  1. Fit Selection in View: Cmd + Shift + F

  2. Add Comment: Cmd + Shift + C

Conclusion

These shortcuts are made to reduce the time spent on routine tasks. They give you more opportunities to focus on the creative aspects of design.

Try to use them regularly to become more proficient and speed up your workflow in Figma.

Note, that this article is written for Mac Users. If you are a Windows user, replace Cmd with Ctrl and Option with Alt.

Personal Favorites 

I've been working inside Figma for the last 6 years, and here are my favorite shortcuts that I adopted over these years.

  1. Pick Color: I

  2. Hide/Show UI: Cmd + .

  3. Quick actions menu Cmd + /

  4. Zoom Out Page: Shift + 1

  5. Zoom to Selection: Shift + 2

  6. Open Figma Home: Cmd + 1

  7. Duplicate: Option + Drag

  8. Lock/Unlock Layers: Cmd + Shift + L

Navigation Shortcuts

Navigate through your projects with these key shortcuts.

  1. Zoom In/Out: Cmd + + or Cmd + -

  2. Pan Canvas: Hold Space and drag

  3. Hide/Show UI: Cmd + \

  4. Show/Hide Layers Panel: Cmd + Option + 1

Object Manipulation

Quickly manipulate layers, frames, and objects to optimize your design process.

  1. Duplicate: Cmd + D

  2. Group Selection: Cmd + G

  3. Ungroup Selection: Cmd + Shift + G

  4. Frame Selection: Cmd + Option + G

  5. Move Layers Precisely: Arrow keys (nudge by 1 pixel), hold Shift with arrow keys (nudge by 10 pixels)

Tools Selection

Switch tools efficiently to maintain your creative flow.

  1. Select Tool (Move Tool): V

  2. Text Tool: T

  3. Rectangle Tool: R

  4. Ellipse Tool: O

  5. Line Tool: L

  6. Pen Tool: P

  7. Hand Tool: H (for moving the canvas without altering the design)

Component Management

Manage components without lifting fingers from the keyboard.

  1. Create Component: Cmd + Option + K

  2. Detach Instance: Cmd + Option + B

  3. Go to Main Component: Cmd + Option + G

Text Editing

Edit text layers effectively with these straightforward shortcuts.

  1. Bold: Cmd + B

  2. Italic: Cmd + I

  3. Underline: Cmd + U

  4. Increase Font Size: Cmd + Shift + >

  5. Decrease Font Size: Cmd + Shift + <

Viewing and Commenting

Manage your workspace view and collaborate through comments.

  1. Fit Selection in View: Cmd + Shift + F

  2. Add Comment: Cmd + Shift + C

Conclusion

These shortcuts are made to reduce the time spent on routine tasks. They give you more opportunities to focus on the creative aspects of design.

Try to use them regularly to become more proficient and speed up your workflow in Figma.