Built by Dulen

Figma Keys

Every Figma shortcut you need. Mac & Windows.

Move tool
V

Select and move objects on the canvas

Tools & Shapes
Scale tool
K

Scale objects proportionally from center

Tools & Shapes
Frame tool
F

Draw a frame (artboard) on the canvas

Tools & Shapes
Rectangle tool
R

Draw a rectangle shape

Tools & Shapes
Ellipse tool
O

Draw an ellipse or perfect circle

Tools & Shapes
Line tool
L

Draw a straight line

Tools & Shapes
Arrow tool
+L

Draw an arrow connector

Tools & Shapes
Pen tool
P

Draw custom vector paths with bezier curves

Tools & Shapes
Pencil tool
+P

Freehand drawing tool

Tools & Shapes
Text tool
T

Add a text layer to the canvas

Tools & Shapes
Place image
++K

Place an image file onto the canvas

Tools & Shapes
Hand tool
H

Pan around the canvas without clicking

Tools & Shapes
Color picker
I

Sample any color from the canvas

Tools & Shapes
Add comment
C

Add a comment to the canvas

Tools & Shapes
Resources panel
+I

Open the resources and plugins panel

Tools & Shapes
Join selection
+J

Join selected vector points

Tools & Shapes
Smooth join
++J

Join selected points with smooth curves

Tools & Shapes
Remove fill
+/

Remove fill from selected layer

Tools & Shapes
Remove stroke
/

Remove stroke from selected layer

Tools & Shapes
Zoom in
++

Zoom into the canvas

Navigation
Zoom out
+-

Zoom out of the canvas

Navigation
Zoom to fit page
+1

Fit all objects on the current page in view

Navigation
Zoom to 100%
+0

Reset zoom to actual 100% size

Navigation
Zoom to selection
+2

Zoom to fit the selected objects

Navigation
Previous frame
++

Navigate to the previous top-level frame

Navigation
Next frame
++

Navigate to the next top-level frame

Navigation
Toggle rulers
+R

Show or hide rulers around the canvas

Navigation
Toggle layout grids
+G

Show or hide layout grids on frames

Navigation
Toggle outlines
+Y

View all layers as outlines only

Navigation
Hide/show UI panels
+\

Toggle all UI panels for a clean canvas view

Navigation
Quick actions
+/

Open the quick actions command palette

Navigation
Pan canvas
Space+Drag

Hold space and drag to pan around the canvas

Navigation
Open shortcuts panel
++?

Open the keyboard shortcuts reference panel

Navigation
Next frame (prototype)
N

Go to the next frame in prototype mode

Navigation
Previous frame (prototype)
+N

Go to the previous frame in prototype mode

Navigation
Undo
+Z

Undo the last action

Editing
Redo
++Z

Redo the last undone action

Editing
Copy
+C

Copy selected layers to clipboard

Editing
Paste
+V

Paste from clipboard

Editing
Paste in place
++V

Paste at the exact same position as the original

Editing
Cut
+X

Cut selected layers

Editing
Duplicate
+D

Duplicate selected layers in place

Editing
Delete layer

Delete selected layers from the canvas

Editing
Select all
+A

Select all layers on the current page

Editing
Rename layer
+R

Rename the selected layer in the layers panel

Editing
Copy properties
++C

Copy fill, stroke, and style properties

Editing
Paste properties
++V

Paste style properties onto selected layer

Editing
Find & replace
+F

Open the Find & Replace dialog

Editing
Select inverse
++A

Invert the current selection

Editing
Exit / deselect
Esc

Exit current selection or editing mode

Editing
Copy as PNG
++C

Copy selected layer as a PNG image

Editing
Copy page link
+L

Copy a shareable link to the current page

Editing
Bold
+B

Toggle bold font weight on selected text

Typography
Italic
+I

Toggle italic style on selected text

Typography
Underline
+U

Toggle underline on selected text

Typography
Strikethrough
++X

Toggle strikethrough on selected text

Typography
Align text left
++L

Left-align paragraph text

Typography
Align text center
++T

Center-align paragraph text

Typography
Align text right
++R

Right-align paragraph text

Typography
Increase font size
++>

Increase font size by 2pt

Typography
Decrease font size
++<

Decrease font size by 2pt

Typography
Increase letter spacing
+>

Increase letter tracking by 20

Typography
Decrease letter spacing
+<

Decrease letter tracking by 20

Typography
Create component
++K

Convert selection into a reusable component

Components
Detach instance
++B

Detach component instance from its main component

Components
Group selection
+G

Group selected layers together

Components
Ungroup selection
++G

Ungroup the selected group

Components
Frame selection
++G

Wrap selected layers in a new frame

Components
Flatten selection
+E

Flatten vector layers into a single path

Components
Show / hide layer
++H

Toggle visibility of selected layer

Components
Lock / unlock layer
++L

Toggle lock state of selected layer

Components
Show assets panel
+2

Open the assets panel to browse components

Components
Team library
++0

Open the team component library

Components
Bring to front
++]

Move layer to top of the stack

Layout
Send to back
++[

Move layer to bottom of the stack

Layout
Bring forward
+]

Move layer one step up in the stack

Layout
Send backward
+[

Move layer one step down in the stack

Layout
Flip horizontal
+H

Flip selected layer horizontally

Layout
Flip vertical
+V

Flip selected layer vertically

Layout
Align left edges
+A

Align selected objects to the leftmost edge

Layout
Align right edges
+D

Align selected objects to the rightmost edge

Layout
Align top edges
+W

Align selected objects to the top edge

Layout
Align bottom edges
+S

Align selected objects to the bottom edge

Layout
Center horizontally
+H

Center objects on the horizontal axis

Layout
Center vertically
+V

Center objects on the vertical axis

Layout
Add auto layout
+A

Add auto layout to selected frame or group

Layout
Remove auto layout
++A

Remove auto layout from selected frame

Layout
Distribute horizontally
++H

Evenly space selected objects horizontally

Layout
Distribute vertically
++V

Evenly space selected objects vertically

Layout
Tidy up
++T

Auto-arrange selected objects into a clean grid

Layout
Use as mask
++M

Use the selected shape as a clipping mask

Layout
Crop image
+DblClick

Enter crop mode for a selected image

Layout
Set opacity 0%
0

Set selected layer opacity to 0%

Opacity
Set opacity 10%
1

Set selected layer opacity to 10%

Opacity
Set opacity 20%
2

Set selected layer opacity to 20%

Opacity
Set opacity 30%
3

Set selected layer opacity to 30%

Opacity
Set opacity 40%
4

Set selected layer opacity to 40%

Opacity
Set opacity 50%
5

Set selected layer opacity to 50%

Opacity
Set opacity 60%
6

Set selected layer opacity to 60%

Opacity
Set opacity 70%
7

Set selected layer opacity to 70%

Opacity
Set opacity 80%
8

Set selected layer opacity to 80%

Opacity
Set opacity 90%
9

Set selected layer opacity to 90%

Opacity
Set opacity 100%
0+0

Set selected layer opacity to 100% (press 0 twice)

Opacity