Figma shortcuts

Speed up your design processes with keyboard shortcuts cheat sheet for Figma.

Shortcuts marked with () are our favorites and have proven especially valuable building our Figma UI Kits.

Figma's Interface

Show / Hide UI

Works in both Editor and Presentation mode

⌘ + \ or ⌘ + .

Show / Hide UI

Works in both Editor and Presentation mode

⌘ + \ or ⌘ + .

Show / Hide UI

Works in both Editor and Presentation mode

⌘ + \ or ⌘ + .

Minimize UI

Collapse left and right panels

⇧ + ⌘ + \

Minimize UI

Collapse left and right panels

⇧ + ⌘ + \

Minimize UI

Collapse left and right panels

⇧ + ⌘ + \

Layout Grid

⇧ + G

Layout Grid

⇧ + G

Layout Grid

⇧ + G

Pixel Grid

⌘ + '

Pixel Grid

⌘ + '

Pixel Grid

⌘ + '

Show / Hide Rulers

⇧ + R

Show / Hide Rulers

⇧ + R

Show / Hide Rulers

⇧ + R

Show / Hide Outlines

⌘ + ⇧ + O

Show / Hide Outlines

⌘ + ⇧ + O

Show / Hide Outlines

⌘ + ⇧ + O

Open Layers Panel

⌥ + 1

Open Layers Panel

⌥ + 1

Open Layers Panel

⌥ + 1

Open Assets Panel

⌥ + 2

Open Assets Panel

⌥ + 2

Open Assets Panel

⌥ + 2

Open Design Panel

⌥ + 8

Open Design Panel

⌥ + 8

Open Design Panel

⌥ + 8

Open Prototype Panel

⌥ + 9

Open Prototype Panel

⌥ + 9

Open Prototype Panel

⌥ + 9

Open Inspect Panel

⌥ + 0

Open Inspect Panel

⌥ + 0

Open Inspect Panel

⌥ + 0

Zoom to 100%

⇧ + 0

Zoom to 100%

⇧ + 0

Zoom to 100%

⇧ + 0

Zoom to Fit

⇧ + 1

Zoom to Fit

⇧ + 1

Zoom to Fit

⇧ + 1

Open Dev Mode

Enter the developer mode

⇧ + D

Open Dev Mode

Enter the developer mode

⇧ + D

Open Dev Mode

Enter the developer mode

⇧ + D

Preview

Preview prototype on the canvas

⇧ + Space

Preview

Preview prototype on the canvas

⇧ + Space

Preview

Preview prototype on the canvas

⇧ + Space

Presentation Mode

Enter prototype preview mode

⌥ + ⌘ + Enter

Presentation Mode

Enter prototype preview mode

⌥ + ⌘ + Enter

Presentation Mode

Enter prototype preview mode

⌥ + ⌘ + Enter

Tools

Figma Actions

Quick access to design assets, plugins, widgets and AI features

⌘ + K

Figma Actions

Quick access to design assets, plugins, widgets and AI features

⌘ + K

Figma Actions

Quick access to design assets, plugins, widgets and AI features

⌘ + K

Add Ellipse

O

Add Ellipse

O

Add Ellipse

O

Add Frame

F

Add Frame

F

Add Frame

F

Add Comment

C

Add Comment

C

Add Comment

C

Add Rectangle

R

Add Rectangle

R

Add Rectangle

R

Move

V

Move

V

Move

V

Pen Tool

P

Pen Tool

P

Pen Tool

P

Arrow

⇧ + L

Arrow

⇧ + L

Arrow

⇧ + L

Pencil

⇧ + P

Pencil

⇧ + P

Pencil

⇧ + P

Text

T

Text

T

Text

T

Hand

H

Hand

H

Hand

H

Line

L

Line

L

Line

L

Pick Color

I or Ctrl + C

Pick Color

I or Ctrl + C

Pick Color

I or Ctrl + C

Slice

S

Slice

S

Slice

S

Scale

K

Scale

K

Scale

K

Selection

Deep Select

V

Deep Select

V

Deep Select

V

Select All

⌘ + A

Select All

⌘ + A

Select All

⌘ + A

Deselect

Esc

Deselect

Esc

Deselect

Esc

Select Inverse

⇧ + ⌘ + A

Select Inverse

⇧ + ⌘ + A

Select Inverse

⇧ + ⌘ + A

Select Children

Enter

Select Children

Enter

Select Children

Enter

Select Parent

\ or ⇧ + Enter

Select Parent

\ or ⇧ + Enter

Select Parent

\ or ⇧ + Enter

Select Next Sibling

Tab

Select Next Sibling

Tab

Select Next Sibling

Tab

Select Previous Sibling

⇧ + Tab

Select Previous Sibling

⇧ + Tab

Select Previous Sibling

⇧ + Tab

Select All Matching Layers

⌥ + ⌘ + A

Select All Matching Layers

⌥ + ⌘ + A

Select All Matching Layers

⌥ + ⌘ + A

Group Selection

⌘ + G

Group Selection

⌘ + G

Group Selection

⌘ + G

Ungroup Selection

⇧ + ⌘ + G

Ungroup Selection

⇧ + ⌘ + G

Ungroup Selection

⇧ + ⌘ + G

Frame Selection

⌥ + ⌘ + G

Frame Selection

⌥ + ⌘ + G

Frame Selection

⌥ + ⌘ + G

Remove Frame

⌘ + ⌫

Remove Frame

⌘ + ⌫

Remove Frame

⌘ + ⌫

Show / Hide Selection

⇧ + ⌘ + H

Show / Hide Selection

⇧ + ⌘ + H

Show / Hide Selection

⇧ + ⌘ + H

Lock / Unlock Selection

⇧ + ⌘ + L

Lock / Unlock Selection

⇧ + ⌘ + L

Lock / Unlock Selection

⇧ + ⌘ + L

Text

Bold

While selecting text element

⌘ + B

Bold

While selecting text element

⌘ + B

Bold

While selecting text element

⌘ + B

Italic

While selecting text element

⌘ + I

Italic

While selecting text element

⌘ + I

Italic

While selecting text element

⌘ + I

Underline

While selecting text element

⌘ + U

Underline

While selecting text element

⌘ + U

Underline

While selecting text element

⌘ + U

Strikethrough

While selecting text element

⇧ + ⌘ + X

Strikethrough

While selecting text element

⇧ + ⌘ + X

Strikethrough

While selecting text element

⇧ + ⌘ + X

Align Left

⌥ + ⌘ + L

Align Left

⌥ + ⌘ + L

Align Left

⌥ + ⌘ + L

Align Center

⌥ + ⌘ + T

Align Center

⌥ + ⌘ + T

Align Center

⌥ + ⌘ + T

Align Right

⌥ + ⌘ + R

Align Right

⌥ + ⌘ + R

Align Right

⌥ + ⌘ + R

Align Justified

⌥ + ⌘ + J

Align Justified

⌥ + ⌘ + J

Align Justified

⌥ + ⌘ + J

Add Link

⌘ + K

Add Link

⌘ + K

Add Link

⌘ + K

Edit Font Size

⇧ + ⌘ + < or ⇧ + ⌘ + >

Edit Font Size

⇧ + ⌘ + < or ⇧ + ⌘ + >

Edit Font Size

⇧ + ⌘ + < or ⇧ + ⌘ + >

Edit Font Weight

⌥ + ⌘ + < or ⌥ + ⌘ + >

Edit Font Weight

⌥ + ⌘ + < or ⌥ + ⌘ + >

Edit Font Weight

⌥ + ⌘ + < or ⌥ + ⌘ + >

Edit Letter Spacing

⌥ + < or ⌥ + >

Edit Letter Spacing

⌥ + < or ⌥ + >

Edit Letter Spacing

⌥ + < or ⌥ + >

Edit Line Height

⇧ + ⌥ + < or ⇧ + ⌥ + >

Edit Line Height

⇧ + ⌥ + < or ⇧ + ⌥ + >

Edit Line Height

⇧ + ⌥ + < or ⇧ + ⌥ + >

Text to List

⇧ + ⌘ + 7

Text to List

⇧ + ⌘ + 7

Text to List

⇧ + ⌘ + 7

Shape

Bend Tool

Bend Tool

Bend Tool

Flatten Selection

⌘ + E

Flatten Selection

⌘ + E

Flatten Selection

⌘ + E

Delete and Heal

While selecting vector points

⇧ + Delete

Delete and Heal

While selecting vector points

⇧ + Delete

Delete and Heal

While selecting vector points

⇧ + Delete

Outline Stroke

⇧ + ⌘ + O

Outline Stroke

⇧ + ⌘ + O

Outline Stroke

⇧ + ⌘ + O

Paint Bucket

B

Paint Bucket

B

Paint Bucket

B

Remove Fill

⌥ + /

Remove Fill

⌥ + /

Remove Fill

⌥ + /

Remove Stroke

⇧ + / or ⇧ + '

Remove Stroke

⇧ + / or ⇧ + '

Remove Stroke

⇧ + / or ⇧ + '

Swap Fill and Stroke

⇧ + X

Swap Fill and Stroke

⇧ + X

Swap Fill and Stroke

⇧ + X

Join Selection

While selecting vector points

⌘ + J

Join Selection

While selecting vector points

⌘ + J

Join Selection

While selecting vector points

⌘ + J

Smooth Join Selection

While selecting vector points

⇧ + ⌘ + J

Smooth Join Selection

While selecting vector points

⇧ + ⌘ + J

Smooth Join Selection

While selecting vector points

⇧ + ⌘ + J

Cursor

Duplicate Selection

While moving an element

Duplicate Selection

While moving an element

Duplicate Selection

While moving an element

Measure to selection

While selecting an element

Measure to selection

While selecting an element

Measure to selection

While selecting an element

Resize From Center

While dragging an element

Resize From Center

While dragging an element

Resize From Center

While dragging an element

Resize Proportionally

While dragging an element

⌘ + B

Resize Proportionally

While dragging an element

⌘ + B

Resize Proportionally

While dragging an element

⌘ + B

Crop Image

While selecting an element

Crop Image

While selecting an element

Crop Image

While selecting an element

Ignore Constraints

While resizing an element

Ignore Constraints

While resizing an element

Ignore Constraints

While resizing an element

Move and Resize

While dragging an element

Space

Move and Resize

While dragging an element

Space

Move and Resize

While dragging an element

Space

Essentials

Copy

⌘ + C

Copy

⌘ + C

Copy

⌘ + C

Paste

⌘ + V

Paste

⌘ + V

Paste

⌘ + V

Rename

⌘ + B

Rename

⌘ + B

Rename

⌘ + B

Duplicate

⌘ + D

Duplicate

⌘ + D

Duplicate

⌘ + D

Cut

⌘ + X

Cut

⌘ + X

Cut

⌘ + X

Export

⇧ + ⌘ + E

Export

⇧ + ⌘ + E

Export

⇧ + ⌘ + E

Copy as PNG

⇧ + ⌘ + C

Copy as PNG

⇧ + ⌘ + C

Copy as PNG

⇧ + ⌘ + C

Copy Properties

⌥ + ⌘ + C

Copy Properties

⌥ + ⌘ + C

Copy Properties

⌥ + ⌘ + C

Paste Properties

⌥ + ⌘ + V

Paste Properties

⌥ + ⌘ + V

Paste Properties

⌥ + ⌘ + V

Copy Page Link

⌘ + L

Copy Page Link

⌘ + L

Copy Page Link

⌘ + L

Paste to Replace

⇧ + ⌘ + R

Paste to Replace

⇧ + ⌘ + R

Paste to Replace

⇧ + ⌘ + R

Paste Over Selection

⇧ + ⌘ + V

Paste Over Selection

⇧ + ⌘ + V

Paste Over Selection

⇧ + ⌘ + V

Transform

Flip Horizontal

⇧ + H

Flip Horizontal

⇧ + H

Flip Horizontal

⇧ + H

Flip Vertical

⇧ + V

Flip Vertical

⇧ + V

Flip Vertical

⇧ + V

Use Mask

⌃ + ⌘ + M

Use Mask

⌃ + ⌘ + M

Use Mask

⌃ + ⌘ + M

Edit Shape or Image

Enter

Edit Shape or Image

Enter

Edit Shape or Image

Enter

Resize to Fit

⌥ + ⇧ + ⌘ + R

Resize to Fit

⌥ + ⇧ + ⌘ + R

Resize to Fit

⌥ + ⇧ + ⌘ + R

Set Opacity

Set opacity by choosing a number from 1 to 9

1 - 9

Set Opacity

Set opacity by choosing a number from 1 to 9

1 - 9

Set Opacity

Set opacity by choosing a number from 1 to 9

1 - 9

Arrange

Bring Forward

⌘ + ]

Bring Forward

⌘ + ]

Bring Forward

⌘ + ]

Send Backward

⌘ + [

Send Backward

⌘ + [

Send Backward

⌘ + [

Bring to Front

]

Bring to Front

]

Bring to Front

]

Send to Back

[

Send to Back

[

Send to Back

[

Align Left

Align elements to the left side of the frame

⌥ + A

Align Left

Align elements to the left side of the frame

⌥ + A

Align Left

Align elements to the left side of the frame

⌥ + A

Align Right

Align elements to the right side of the frame

⌥ + D

Align Right

Align elements to the right side of the frame

⌥ + D

Align Right

Align elements to the right side of the frame

⌥ + D

Align Top

Align elements to the top of the frame

⌥ + W

Align Top

Align elements to the top of the frame

⌥ + W

Align Top

Align elements to the top of the frame

⌥ + W

Align Bottom

Align elements to the bottom of the frame

⌥ + S

Align Bottom

Align elements to the bottom of the frame

⌥ + S

Align Bottom

Align elements to the bottom of the frame

⌥ + S

Align Centers

Align elements horizontally and vertically with V and H

⌥ + H / V

Align Centers

Align elements horizontally and vertically with V and H

⌥ + H / V

Align Centers

Align elements horizontally and vertically with V and H

⌥ + H / V

Distribute Spacing

Distribute vertical and horizontal spacing with V and H

⌥ + ^ + H

Distribute Spacing

Distribute vertical and horizontal spacing with V and H

⌥ + ^ + H

Distribute Spacing

Distribute vertical and horizontal spacing with V and H

⌥ + ^ + H

Tidy Up

Organize selection into columns or rows

Ctrl + ⌥ + T

Tidy Up

Organize selection into columns or rows

Ctrl + ⌥ + T

Tidy Up

Organize selection into columns or rows

Ctrl + ⌥ + T

Auto Layout

Add Auto Layout

⇧ + A

Add Auto Layout

⇧ + A

Add Auto Layout

⇧ + A

Remove Auto Layout

⌥ + ⇧ + A or ⌘ + ⌫

Remove Auto Layout

⌥ + ⇧ + A or ⌘ + ⌫

Remove Auto Layout

⌥ + ⇧ + A or ⌘ + ⌫

Suggest Auto Layout

⇧ + ^ + A

Suggest Auto Layout

⇧ + ^ + A

Suggest Auto Layout

⇧ + ^ + A

Edit All Paddings

While clicking into padding field

⌥ + ⇧ + Click

Edit All Paddings

While clicking into padding field

⌥ + ⇧ + Click

Edit All Paddings

While clicking into padding field

⌥ + ⇧ + Click

Edit Single Padding

While clicking into padding field

Edit Single Padding

While clicking into padding field

Edit Single Padding

While clicking into padding field

Components

Create Component

⌥ + ⌘ + K

Create Component

⌥ + ⌘ + K

Create Component

⌥ + ⌘ + K

Detach Instance

⌥ + ⌘ + B

Detach Instance

⌥ + ⌘ + B

Detach Instance

⌥ + ⌘ + B

Swap Component Instance

While adding a component

Swap Component Instance

While adding a component

Swap Component Instance

While adding a component

Toggle Component Menu

⇧ + I

Toggle Component Menu

⇧ + I

Toggle Component Menu

⇧ + I

Open Team Library

⌥ + ⌘ + O

Open Team Library

⌥ + ⌘ + O

Open Team Library

⌥ + ⌘ + O

Prototyping

Fullscreen

F

Fullscreen

F

Fullscreen

F

Scale View

Z

Scale View

Z

Scale View

Z

Restart Prototype

R

Restart Prototype

R

Restart Prototype

R

Add Comment

C

Add Comment

C

Add Comment

C

Create designs and systems that scale with your business

Get the most out of Figma. Build powerful design systems, websites, and applications that you can use for life.

USED BY TOP BRANDS

Create designs and systems that scale with your business

Get the most out of Figma. Build powerful design systems, websites, and applications that you can use for life.

USED BY TOP BRANDS

Create designs and systems that scale with your business

Get the most out of Figma. Build powerful design systems, websites, and applications that you can use for life.