The Complete Keyboard Shortcuts Guide for Figma | Windows & Mac Compatible thumbnail

The Complete Keyboard Shortcuts Guide for Figma | Windows & Mac Compatible

Master official keyboard shortcuts for Figma, the UI/UX design tool. Optimized for both Windows and Mac, this guide systematically explains keyboard operations that dramatically enhance your workflow efficiency—from basic operations to components and prototyping.

Posted at: 2025.10.27

Editorial Note: We earn a commission from partner links on keyboardista - English version. Commissions do not affect our editors' opinions or evaluations.

Basic Operations

Figma's basic operation shortcuts are almost the same as those of your operating system, though there are some differences. We've highlighted the main ones that differ. While there aren't many, they're relatively common keys, so it's worth memorizing them.

ActionShortcut
Paste in placeRight-click → Paste here
Copy as PNGCtrl + Shift + C
⌘ + Shift + C
DuplicateCtrl + D
⌘ + D
DeselectEsc
Quick actionsCtrl + /
⌘ + /
Keyboard shortcuts listCtrl + Shift + ?
Control + Shift + ?
Invert selectionCtrl + Shift + A
⌘ + Shift + A
ExportCtrl + Shift + E
⌘ + Shift + E
Toggle Design/Prototype tabShift + E
Preview prototypeCtrl + Alt + Enter
⌘ + Option + Enter

Tools

These are the most frequently used "Tools" shortcuts in the design workflow. Most tools can be switched with a single key, so mastering this section will dramatically improve your speed for sketching and editing.

ActionShortcut
Move toolV
Frame toolF
Pen toolP
Pencil toolShift + P
Text toolT
Rectangle toolR
Ellipse toolO
Line toolL
Arrow toolShift + L
Slice toolS
Scale toolK
Hand toolH
Space (temporary)
Color pickerI
CommentC

View & Display

Shortcuts for quickly adjusting your workspace layout and display state. Many of these commands may seem infrequently used, but frame navigation and zoom in/out are actually shortcuts you'll use frequently, so make sure to master them.

ActionShortcut
Toggle UI visibilityCtrl + <br/>⌘ + \
Toggle left sidebarShift + \
Zoom inCtrl + +
⌘ + +
Shift + +
Zoom outCtrl + -
⌘ + -
Shift + -
Zoom to 100%Ctrl + 0
⌘ + 0
Shift + 0
Fit allShift + 1
Fit selectionShift + 2
Go to previous frameShift + N
Go to next frameN
Toggle rulersShift + R
Outline viewCtrl + Y
⌘ + Y
Pixel previewCtrl + Shift + P
⌘ + Shift + P
Toggle layout gridCtrl + Shift + G
⌘ + Shift + G
Toggle pixel gridCtrl + '
⌘ + '
Toggle multiplayer cursorsCtrl + Alt + <br/>⌘ + Option + \

Layers & Selection

Once you start working seriously with Figma, layer and group hierarchy manipulation becomes something you'll use constantly. Mastering keyboard shortcuts for layer operations significantly improves your speed, and many would argue it's the threshold between beginner and intermediate level.

ActionShortcut
Open Layers panelAlt + 1
Option + 1
Open Assets panelAlt + 2
Option + 2
Open Team LibraryAlt + 3
Option + 3
Open Design panelAlt + 8
Option + 8
Open Prototype panelAlt + 9
Option + 9
Direct selectCtrl + Click
⌘ + Click
Select childEnter
Select parentShift + Enter
Add to multi-selectionShift + Click
Select between layersShift + Click (first and last)
Keyboard box select toolCtrl + Space
Option + Space
Collapse all layersAlt + L
Option + L
Select next sibling layerTab
Select previous sibling layerShift + Tab

Edit & Arrange

Among object operations, common actions include "align" and "group management"—high-speed shortcuts for efficiently handling multiple objects. While these can also be done through icons, knowing these shortcuts will significantly boost your workflow speed.

ActionShortcut
GroupCtrl + G
⌘ + G
UngroupCtrl + Shift + G
⌘ + Shift + G
Ctrl + Backspace
FrameCtrl + Alt + G
⌘ + Option + G
Auto layoutShift + A
Auto layout suggestionsCtrl + Alt + Shift + A
⌘ + Control + Shift + A
Align leftAlt + A
Option + A
Align rightAlt + D
Option + D
Align topAlt + W
Option + W
Align bottomAlt + S
Option + S
Align horizontal centersAlt + H
Option + H
Align vertical centersAlt + V
Option + V
Toggle visibilityCtrl + Shift + H
⌘ + Shift + H
Toggle lockCtrl + Shift + L
⌘ + Shift + L
Bring forward]
Ctrl + ]
⌘ + ]
Bring to frontCtrl + Shift + ]
⌘ + Shift + ]
Send backward[
Ctrl + [
⌘ + [
Send to backCtrl + Shift + [
⌘ + Shift + [
Flip horizontalShift + H
Flip verticalShift + V

Components

These are the shortcuts for Figma's "Components." When considering frequency of use, the master component shortcuts may not be high priority.

ActionShortcut
Create componentCtrl + Alt + K
⌘ + Option + K
Detach instanceCtrl + Alt + B
⌘ + Option + B
Insert instanceShift + I
Copy styleCtrl + Alt + C
⌘ + Option + C
Paste styleCtrl + Alt + V
⌘ + Option + V
Paste and replaceCtrl + Shift + R
⌘ + Shift + R

Text Editing

Text editing is a frequently used task in Figma work. Make sure to memorize these shortcuts. While these can also be done through the UI, accidental clicks are common, so using keyboard shortcuts is more reliable. Additionally, since many assignments are intuitive—like B for Bold and U for Underline—they're easy to remember.

ActionShortcut
Enter text editing modeEnter
Increase font sizeCtrl + Shift + >
⌘ + Shift + >
Decrease font sizeCtrl + Shift + <
⌘ + Shift + <
BoldCtrl + B
⌘ + B
ItalicCtrl + I
⌘ + I
UnderlineCtrl + U
⌘ + U
StrikethroughCtrl + Shift + X
⌘ + Shift + X
Align leftCtrl + Alt + L
⌘ + Option + L
Align centerCtrl + Alt + T
⌘ + Option + T
Align rightCtrl + Alt + R
⌘ + Option + R
JustifyCtrl + Alt + J
⌘ + Option + J
Increase letter spacingAlt + >
Option + >
Decrease letter spacingAlt + <
Option + <
Increase line heightAlt + Shift + >
Option + Shift + >
Decrease line heightAlt + Shift + <
Option + Shift + <

Move & Resize

Object movement uses combinations of modifier keys like "Alt" and "Shift" to enable move, scale, and duplicate functions. Since movement shortcuts are relatively common, while they're difficult to remember, it's worth mastering them.

ActionShortcut
Resize from center (while resizing)Alt + Drag
Option + Drag
Maintain aspect ratio (while resizing)Shift + Drag
Duplicate while moving (while moving)Alt + Drag
Option + Drag
Show measurement distance (while pointing)Alt
Option

Fill & Stroke

Next, fill and stroke. From this point, the complexity increases somewhat, so you might consider these advanced-level shortcuts.

ActionShortcut
Remove fillShift + X
Remove strokeAlt + X
Option + X
Swap fill and strokeX

Shape Editing

Shape-specific shortcuts covering path editing, shape mode adjustments, masking, and outlining. At this level, depending on your workflow, you may never use some of these commands, so focus on memorizing the ones you use frequently.

ActionShortcut
Edit shapeEnter
Flatten selectionCtrl + E
⌘ + E
Combine selectionCtrl + J
⌘ + J
Delete and repair selectionCtrl + Alt + /
⌘ + Option + /
Use as maskCtrl + M
⌘ + M
Outline strokeShift + O
Set opacity to 10%1
Set opacity to 50%5
Set opacity to 100%0