Hotkeys in Figma

   Figma, like any other program, uses hotkeys in its work. You can find out which combinations are responsible for which tool simply by looking at the tips in the layers panel.

   You can also see hotkey combinations at the bottom right "question mark". By clicking here you will see tips from Figma itself on different sections.

   The keys that you have used at least once in your account are highlighted in blue.

   Hotkeys speed up and simplify our work many times. At first it may seem inconvenient, but over time, when you get used to it, you will work in Figma much faster.

Here are some Figma shortcuts, but they may differ slightly depending on your PC or the version of Figma itself:

How to switch between tools in Figma:

Tool Hotkey
Move V
Rectangle R
Oval (Ellipse) O
Line L
Text T

 

Table of hotkeys for working with windows in Figma:Table of hotkeys for working with windows in Figma:

Operation Hotkeys (Mac/Win)
File search Cmd/Ctrl + /
Grouping Cmd/Ctrl + G
Ungroup Cmd/Ctrl + Shift + G
Crop Cmd/Ctrl + Shift + K

 

A table of hotkeys for working with zooming, panning, and navigating between frames in Figma:

Operation Keyboard shortcuts (Mac/Win)
Zoom in Cmd/Ctrl + +
Zoom out Cmd/Ctrl + —
Reset zoom Cmd/Ctrl + 0
Pan Space
Go to previous frame Cmd/Ctrl + [`]
Move to the next frame Cmd/Ctrl + ]

 

Table of hotkeys for working with copy and paste in Figma:

Operation Hotkeys (Mac/Win)
Cut Cmd/Ctrl + X
Copy Cmd/Ctrl + C
Insert Cmd/Ctrl + V
Duplicate Cmd/Ctrl + D

 

Table of shortcuts for working with components in Figma:

Operation Hotkeys (Mac/Win)
Wrap counterclockwise Cmd/Ctrl + [
Wrap clockwise Cmd/Ctrl + ]
Zoom Cmd/Ctrl + +
Zoom Out Cmd/Ctrl + —
Reset scale Cmd/Ctrl + 0
Actual size Cmd/Ctrl + 1
Half actual size Cmd/Ctrl + 2
Size 1:3-9 Cmd/Ctrl + number from 3 to 9

 

Table of shortcuts for working with colors in Figma:

Operation Hotkeys (Mac/Win)
Open color picker Cmd/Ctrl + C
Use last used color Shift + Cmd/Ctrl + C
Apply previous color Shift + Cmd/Ctrl + K
Apply next color Shift + Cmd/Ctrl + J
Edropper tool I
Change fill color on active layer X
Change stroke color on active layer Shift + X
Change text color on active layer Cmd/Ctrl + Shift + C
Change background color Cmd/Ctrl + B
Change color of selected text Cmd/Ctrl + Shift + K
Change color of selected shape Cmd/Ctrl + Shift + C

 

Table of shortcuts for working with components in Figma:

Operation Hotkeys (Mac/Win)
Create component Cmd/Ctrl + Option/Alt + K
Insert Component Cmd/Ctrl + Option/Alt + V
Open Component Library Cmd/Ctrl + Option/Alt + L
Delete Component Cmd/Ctrl + Option/Alt + Backspace/Delete
Apply Component to Selected Object Cmd/Ctrl + Option/Alt + A
Apply component to selected text Cmd/Ctrl + Option/Alt + T
Apply last used component Shift + Cmd/Ctrl + K
Apply next component Shift + Cmd/Ctrl + J
Apply previous component Shift + Cmd/Ctrl + H
Exit component editing mode Esc
Open selected component for editing Cmd/Ctrl + Option/Alt + E
Refresh all instances of component Cmd/Ctrl + Alt + U
Refresh selected component Cmd/Ctrl + Alt + R
Find usage of component Shift + Cmd/Ctrl + F
Go to next instance component Cmd/Ctrl + Alt + N
Go to the previous instance of the component Cmd/Ctrl + Alt + P
Lock/unlock the component Cmd/Ctrl + Alt + Shift + L
Move the component to another frame Cmd/Ctrl + Alt + M

 

Table of hotkeys for working with the location of objects in Figma:

Operation Keyboard shortcut (Mac/Win)
Align vertically Cmd/Ctrl + Shift + V
Align horizontally Cmd/Ctrl + Shift + H
Align Center Cmd/Ctrl + Shift + E
Align Middle Cmd/Ctrl + Shift + M
Align Left Cmd/Ctrl + Shift + L
Align Right Cmd/Ctrl + Shift + R
Align Top Cmd/Ctrl + Shift + T
Align Bottom Cmd/Ctrl + Shift + B
Distribute Vertically Cmd/Ctrl + Shift + D
Distribute Horizontally Cmd/Ctrl + Shift + G
Distribute to Size Cmd/Ctrl + Shift + P
Bring to Front Cmd/Ctrl + Shift + ]
Bring to Back Cmd/Ctrl + Shift + [
Move Up One Level Cmd/Ctrl + Alt + Shift + ]
Move one level down Cmd/Ctrl + Alt + Shift + [
Resize object Cmd/Ctrl + Shift + R
Rotate object 45 degrees counterclockwise Cmd/Ctrl + Alt + [
Rotate object 45 degrees clockwise Cmd/Ctrl + Alt + ]
Align object to constraints Cmd/Ctrl + Shift + C
Adapt object to constraints Cmd/Ctrl + Shift + X

 

Hotkeys for working with fonts in Figma:

Operation Hotkeys (Mac/Win)
Set font style Cmd/Ctrl + Shift + T
Increase font size Cmd/Ctrl + Shift + >
Decrease font size Cmd/Ctrl + Shift + <
Next font size Cmd/Ctrl + ]
Previous font size Cmd/Ctrl + [
Toggle italic font style Cmd/Ctrl + I
Toggle bold font style Cmd/Ctrl + B
Toggle underline font style Cmd/Ctrl + U
Toggle strikethrough font style Cmd/Ctrl + Shift + X
Align text left Cmd/Ctrl + Shift + L
Align text Align text center Cmd/Ctrl + Shift + E
Align text right Cmd/Ctrl + Shift + R
Align text width Cmd/Ctrl + Shift + W
Increase line height Cmd/Ctrl + Alt + ↑
Decrease line height Cmd/Ctrl + Alt + ↓
Increase letter spacing Option/Alt + →
Decrease letter spacing Option/Alt + ←
Increase word spacing Option/Alt + Shift + →
Decrease word spacing Option/Alt + Shift + ←
Change font weight Cmd/Ctrl + Shift + B
Increase font weight Cmd/Ctrl + }
Decrease font weight Cmd/Ctrl + {
Change text case to uppercase Cmd/Ctrl + Shift + K

 

12:25
No comments yet. Be the first to add a comment!
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.