Figma

Figma

Figma is an industry led tool used by thousands of people as a the best collaborative design tool that enables designers and teams to create, prototype, and share user interfaces. It offers real-time collaboration, vector editing capabilities, and a comprehensive set of design features.

  • Mac Shortcuts
  • Windows Shortcuts
Design Shortcuts
Search

  • File Operations

  • New File

    ⌘ N

  • Save

    ⌘ S

  • Save As

    ⇧ ⌘ S

  • Export

    ⌘ E

  • Print

    ⌘ P

  • Edit Operations

  • Undo

    ⌘ Z

  • Redo

    ⇧ ⌘ Z

  • Cut

    ⌘ X

  • Copy

    ⌘ C

  • Paste

    ⌘ V

  • Paste Over Selection

    ⇧ ⌘ V

  • Duplicate

    ⌘ D

  • Delete

    Delete or Backspace

  • Selection

  • Select All

    ⌘ A

  • Select None

    ⌘ ⇧ A

  • Select Children

    ⌘ Enter

  • Select Parent

    ⌘ ↑

  • Select Next Sibling

    Tab

  • Select Previous Sibling

    ⇧ Tab

  • View Controls

  • Zoom In

    ⌘ +

  • Zoom Out

    ⌘ -

  • Zoom to 100%

    ⌘ 0

  • Zoom to Fit

    ⌘ 1

  • Zoom to Selection

    ⌘ 2

  • Show/Hide UI

    ⌘ \

  • Show/Hide Grid

    ⌃ G

  • Show/Hide Rulers

    ⇧ R

  • Show/Hide Outlines

    ⌘ Y

  • Pixel Preview

    ⌃ P

  • Layout Tools

  • Group Selection

    ⌘ G

  • Ungroup Selection

    ⌘ ⇧ G

  • Frame Selection

    ⌘ ⌥ G

  • Show/Hide Layout Grid

    ⌃ ⌘ 4

  • Toggle Auto-Layout

    ⇧ A

  • Alignment

  • Align Left

    ⌥ A

  • Align Right

    ⌥ D

  • Align Top

    ⌥ W

  • Align Bottom

    ⌥ S

  • Align Horizontal Center

    ⌥ H

  • Align Vertical Center

    ⌥ V

  • Distribution

  • Horizontal Spacing

    ⌃ ⌥ H

  • Vertical Spacing

    ⌃ ⌥ V

  • Transform

  • Flip Horizontal

    ⇧ H

  • Flip Vertical

    ⇧ V

  • Use as Mask

    ⌃ ⌘ M

  • Rotate 90° Clockwise

    ⇧ ⌘ R

  • Text Editing

  • Bold

    ⌘ B

  • Italic

    ⌘ I

  • Underline

    ⌘ U

  • Increase Font Size

    ⌘ ⇧ >

  • Decrease Font Size

    ⌘ ⇧ <

  • Components

  • Create Component

    ⌥ ⌘ K

  • Detach Instance

    ⌥ ⌘ B

  • Reset Instance

    ⌥ ⌘ R

  • Developer Tools

  • Show Code Panel

    ⌥ ⌘ C

  • Toggle Developer Mode

    ⌥ ⌘ D

  • Panels

  • Toggle Left Sidebar

    ⌘ /

  • Toggle Right Sidebar

    ⌘ .

  • Show/Hide Properties Panel

    ⌘ ⇧ I

  • File Operations

  • New File

    CTRL N

  • Save

    CTRL S

  • Save As

    ⇧ CTRL S

  • Export

    CTRL E

  • Print

    CTRL P

  • Edit Operations

  • Undo

    CTRL Z

  • Redo

    ⇧ CTRL Z

  • Cut

    CTRL X

  • Copy

    CTRL C

  • Paste

    CTRL V

  • Paste Over Selection

    ⇧ CTRL V

  • Duplicate

    CTRL D

  • Delete

    Delete or Backspace

  • Selection

  • Select All

    CTRL A

  • Select None

    CTRL ⇧ A

  • Select Children

    CTRL Enter

  • Select Parent

    CTRL ↑

  • Select Next Sibling

    Tab

  • Select Previous Sibling

    ⇧ Tab

  • View Controls

  • Zoom In

    CTRL +

  • Zoom Out

    CTRL -

  • Zoom to 100%

    CTRL 0

  • Zoom to Fit

    CTRL 1

  • Zoom to Selection

    CTRL 2

  • Show/Hide UI

    CTRL \

  • Show/Hide Grid

    ⌃ G

  • Show/Hide Rulers

    ⇧ R

  • Show/Hide Outlines

    CTRL Y

  • Pixel Preview

    ⌃ P

  • Layout Tools

  • Group Selection

    CTRL G

  • Ungroup Selection

    CTRL ⇧ G

  • Frame Selection

    CTRL ALT G

  • Show/Hide Layout Grid

    ⌃ CTRL 4

  • Toggle Auto-Layout

    ⇧ A

  • Alignment

  • Align Left

    ALT A

  • Align Right

    ALT D

  • Align Top

    ALT W

  • Align Bottom

    ALT S

  • Align Horizontal Center

    ALT H

  • Align Vertical Center

    ALT V

  • Distribution

  • Horizontal Spacing

    ⌃ ALT H

  • Vertical Spacing

    ⌃ ALT V

  • Transform

  • Flip Horizontal

    ⇧ H

  • Flip Vertical

    ⇧ V

  • Use as Mask

    ⌃ CTRL M

  • Rotate 90° Clockwise

    ⇧ CTRL R

  • Text Editing

  • Bold

    CTRL B

  • Italic

    CTRL I

  • Underline

    CTRL U

  • Increase Font Size

    CTRL ⇧ >

  • Decrease Font Size

    CTRL ⇧ <

  • Components

  • Create Component

    ALT CTRL K

  • Detach Instance

    ALT CTRL B

  • Reset Instance

    ALT CTRL R

  • Developer Tools

  • Show Code Panel

    ALT CTRL C

  • Toggle Developer Mode

    ALT CTRL D

  • Panels

  • Toggle Left Sidebar

    CTRL /

  • Toggle Right Sidebar

    CTRL .

  • Show/Hide Properties Panel

    CTRL ⇧ I

Figma keyboard Design Shortcuts

Figma offers a comprehensive set of tools and keyboard shortcuts spanning multiple categories. These include essential file operations for managing documents, editing tools for basic manipulations, powerful selection controls, view management options, layout and alignment tools, transformation capabilities, text editing features, component management, and developer tools. The interface can be customized through various panel controls, and all these functions are accessible through intuitive keyboard shortcuts to enhance workflow efficiency.

Treat us to a coffee