Figma Keyboard Shortcuts

Design interfaces and collaborate with your team.

106 shortcuts / 13 sections

Essentials

1

Pick color

Tools

12

Move tool

Frame tool

Pen tool

Pencil tool

Text tool

Rectangle tool

Ellipse tool

Line tool

Arrow tool

Add comment

Pick color

Slice cool

View

9

Rulers

Outlines

Pixel preview

Layout grids

Open layers panel

Open assets panel

Open design panel

Open prototype panel

Open inspect panel

Zoom

10

Zoom out

Zoom to 100%

Zoom to fit

Zoom to selection

Zoom to previous frame

Zoom to next frame

Previous page

Next page

Find previous frame

Find next frame

Text

10

Bold

Italic

Underline

Create link

Strikethrough

Turn into a list

Text align left

Text align center

Text align right

Text align justified

Shape

10

Pen

Pencil

Paint bucket

Bend tool

Swap fill and stroke

Outline stroke

Flatten selection

Join selection

Smooth join selection

Delete and heal selection

Selection

12

Select all

Select inverse

Select none

Select children

Select parent

Select next sibling

Select previous sibling

Group selections

Ungroup selection

Frame selection

Show / Hide selection

Lock / Unlock selection

Cursor

6

Measure to selection (while pointing)

Duplicate selection (while moving)

Resize from center (while dragging)

Resize proportionally (while dragging)

Move while resizing (while dragging)

Ignore constraints (frames only, while dragging)

Edit

11

Copy

Cut

Paste

Paste over selection

Duplicate

Rename selection

Export

Copy properties

Paste properties

Copy as PNG

Copy Page Link to Clipboard

Transform

8

Flip horizontal

Flip vertical

Use a mask

Edit shape or image

Place image

Set opacity to 10

Set opacity to 50

Set opacity to 100

Arrange

7

Align left

Align right

Align top

Align bottom

Tidy up

Add auto layout

Remove auto layout

Components

6

Show assets

Team library

Create component

Detach intense

Swap component instance

Show components menu

Prototyping

4

Fullscreen

Scale view

Restart prototype

Comment