As designers, we're always seeking ways to streamline our design process and boost productivity. One of the most effective ways to achieve this is by harnessing the power of keyboard shortcuts. With Figma's keyboard shortcuts, you can navigate, create, and change designs with lightning speed, leaving more time for the creative process itself.

‍

Whether you're a seasoned Figma user or just getting started, we've got you covered. To help kickstart your journey to shortcut mastery, we're also to offer you our comprehensive Figma Cheat Sheet for free! This resource contains all the essential shortcuts in one place, allowing you to reference them whenever you need a productivity boost.

‍

Now let’s get to explaining some of the most important shortcut categories!

‍

‍

1. TOOLS

As the name mentions, these are shortcuts that will make Figma’s main tools more accessible for you to use. Casual reminder that some of these keys might look different depending on your keyboard (such as Alt for cmd).

‍

Move → V

Scale → K

Frame → F or A

Slice → S

Rectangle → R

Line → L

Arrow → SHIFT (⇧) + L

Place Image → SHIFT (⇧) + Alt (⌘) + K

Text → T

Hand → H

Pick color → Alt (⌘) + / or Alt (⌘) + P

‍

As you can see, a lot of these shortcuts are related to the first letter of the function they serve.

‍

2. VIEW

View shortcuts are keyboard commands that allow you to manipulate the view of your design canvas. These shortcuts are particularly useful for navigating around your project, zooming in and out, and focusing on specific areas of your design. Here are some important ones:

‍

Show/Hide UI → Alt (⌘) + .

Rulers → Shift (⇧) + R

Show outlines → Shift (⇧) + O or Alt (⌘) + Y

Layout grids → Shift (⇧) + G

Zoom in → +

Zoom out → -

Zoom to 100% → 0

Zoom to Fit → 1

Zoom to Selection → 2

Present (play the prototype) → ⌥ + ⌘ + Enter

Add auto layout → ⇧ + A

‍

3. TEXT

These are shortcuts that are specifically designed to enhance text editing and manipulation within the Figma canvas. Here are a few common ones:

Bold → Alt (⌘) + B

Italic → Alt (⌘) + I

Underline → Alt (⌘) + U

Strikethrough → Shift (⇧) + Alt (⌘) + X

Create link → Alt (⌘) + K

Bulleted list → Shift (⇧) + Alt (⌘) + 8

Numbered list → Shift (⇧) + Alt (⌘) + 7

Increase indentation → Alt (⌘) + ]

Decrease indentation → Alt (⌘) + [

‍

4. SELECTION

Selection shortcuts in Figma help you efficiently select and manipulate layers, objects, or elements within your design canvas. These shortcuts are essential for navigating complex designs and quickly performing actions on selected items. Here are some of them:

‍

Deep select → ⌘ + Click

Deep select with rectangle → ⌘ + Drag

Select layer menu → ⌘ + Right click

Select all → ⌘ + A

Select inverse → ⇧ + ⌘ + A

Select none → Esc

Select all matching layers → ⌥ + ⌘ + A

Group selection → ⌘ + G

Ungroup selection → ⇧ + ⌘ + G

Frame selection → ⌥ + ⌘ + G

Show/Hide selection → ⇧ + ⌘ + H

Lock/Unlock selection → ⇧ + ⌘ + L

‍

‍

5. EDIT

Edit shortcuts in Figma are keyboard commands designed to ease editing actions within your design canvas. These shortcuts are particularly useful for manipulating objects, shapes, and paths, as well as for performing various editing tasks efficiently. Here are some common edit shortcuts:

‍

Copy → ⌘ + C

Cut → ⌘ + X

Paste → ⌘ + V

Paste to replace → ⇧ + ⌘ + R

Paste over selection → ⇧ + ⌘ + V

Duplicate → ⌘ + D

Rename → ⌘ + R

Export → ⇧ + ⌘ + E

‍

6. COMPONENTS

Show assets → ⌥ + 2

Libraries → ⌥ + ⌘ + O

Create component → ⌥ + ⌘ + K

‍

‍

‍

We hope today’s article helped you understand Figma & its shortcuts better, and made your designing process more creative and efficient! 

If you want to learn more about Figma, make sure to check out our other free guides! :)