Designing UI/UX in Figma?
Check out these 133 super useful shortcuts to speed up your workflow.
Compiled by: shortcuts.design
Check out these 133 super useful shortcuts to speed up your workflow.
Compiled by: shortcuts.design
For Windows, ⌘ = CTRL, & ⌥ = ALT
1. Show / Hide UI ⌘
2. Pick color ⌃ C
3. Quick actions ⌘ / or ⌘ P
4. Move tool V
5. Frame tool F
6. Pen tool P
7. Pencil tool ⇧ P
8. Text tool T
9. Rectangle tool R
10. Ellipse tool O
11. Line tool L
12. Arrow tool ⇧ L
1. Show / Hide UI ⌘
2. Pick color ⌃ C
3. Quick actions ⌘ / or ⌘ P
4. Move tool V
5. Frame tool F
6. Pen tool P
7. Pencil tool ⇧ P
8. Text tool T
9. Rectangle tool R
10. Ellipse tool O
11. Line tool L
12. Arrow tool ⇧ L
13. Add comment C
14. Pick color ⌃ C
15. Slice cool S
16. Show / Hide UI ⌘
17. Multiplayer cursors ⌥ ⌘
18. Rulers ⇧ R
19. Outlines ⇧ O
20. Pixel preview ⌃ P or ⌘ ⇧ P
21. Layout grids ⌃ G or ⇧ G
22. Pixel grid ⌘ `or ⇧`
23. Open layers panel ⌥ 1
14. Pick color ⌃ C
15. Slice cool S
16. Show / Hide UI ⌘
17. Multiplayer cursors ⌥ ⌘
18. Rulers ⇧ R
19. Outlines ⇧ O
20. Pixel preview ⌃ P or ⌘ ⇧ P
21. Layout grids ⌃ G or ⇧ G
22. Pixel grid ⌘ `or ⇧`
23. Open layers panel ⌥ 1
24. Open assets panel ⌥ 2
25. Open design panel ⌥ 8
26. Open prototype panel ⌥ 9
27. Open inspect panel ⌥ 0
28. Pan Space drag
29. Zoom in +
30. Zoom out -
31. Zoom to 100% ⇧ 0
32. Zoom to fit ⇧ 1
33. Zoom to selection ⇧ 2
34. Zoom to previous frame ⇧ N
25. Open design panel ⌥ 8
26. Open prototype panel ⌥ 9
27. Open inspect panel ⌥ 0
28. Pan Space drag
29. Zoom in +
30. Zoom out -
31. Zoom to 100% ⇧ 0
32. Zoom to fit ⇧ 1
33. Zoom to selection ⇧ 2
34. Zoom to previous frame ⇧ N
35. Zoom to next frame N
36. Previous page Page up
37. Next page Page down
38. Find previous frame Home
39. Find next frame End
40. Bold ⌘ B
41. Italic ⌘ I
42. Underline ⌘ U
43. Create link ⌘ K
44. Strikethrough ⇧ ⌘ X
45. Turn into a list ⇧ ⌘ 7
36. Previous page Page up
37. Next page Page down
38. Find previous frame Home
39. Find next frame End
40. Bold ⌘ B
41. Italic ⌘ I
42. Underline ⌘ U
43. Create link ⌘ K
44. Strikethrough ⇧ ⌘ X
45. Turn into a list ⇧ ⌘ 7
46. Text align left ⌥ ⌘ L
47. Text align center ⌥ ⌘ T
48. Text align right ⌥ ⌘ R
49. Text align justified ⌥ ⌘ J
50. Adjust font size ⇧ ⌘ < and ⇧ ⌘ >
51. Adjust font weight ⌥ ⌘ < and ⌥ ⌘ >
52. Adjust letter spacing ⌥ < and ⌥ >
47. Text align center ⌥ ⌘ T
48. Text align right ⌥ ⌘ R
49. Text align justified ⌥ ⌘ J
50. Adjust font size ⇧ ⌘ < and ⇧ ⌘ >
51. Adjust font weight ⌥ ⌘ < and ⌥ ⌘ >
52. Adjust letter spacing ⌥ < and ⌥ >
53. Adjust line height ⇧ ⌥ < and ⇧ ⌥ >
54. Pen P
55. Pencil ⇧ P
56. Paint bucket B
57. Bend tool ⌘
58. Remove fill ⌥ /
59. Remove stroke /
60. Swap fill and stroke ⇧ X
61. Outline stroke ⇧ ⌘ O
62. Flatten selection ⌘ E
63. Join selection ⌘ J
54. Pen P
55. Pencil ⇧ P
56. Paint bucket B
57. Bend tool ⌘
58. Remove fill ⌥ /
59. Remove stroke /
60. Swap fill and stroke ⇧ X
61. Outline stroke ⇧ ⌘ O
62. Flatten selection ⌘ E
63. Join selection ⌘ J
64. Smooth join selection ⇧ ⌘ J
65. Delete and heal selection ⇧ Delete
66. Select all ⌘ A
67. Select inverse ⇧ ⌘ A
68. Select none Esc
69. Deep select ⌘ Click
70. Select layer menu ⌘ right-click
71. Select children ↩
72. Select parent ⇧ ↩
65. Delete and heal selection ⇧ Delete
66. Select all ⌘ A
67. Select inverse ⇧ ⌘ A
68. Select none Esc
69. Deep select ⌘ Click
70. Select layer menu ⌘ right-click
71. Select children ↩
72. Select parent ⇧ ↩
73. Select the next sibling Tab
74. Select previous sibling ⇧ Tab
75. Group selections ⌘ G
76. Ungroup selection ⇧ ⌘ G
77. Frame selection ⌥ ⌘ G
78. Show / Hide selection ⇧ ⌘ H
79. Lock / Unlock selection ⇧ ⌘ L
80. Measure to selection (while pointing) ⌥
74. Select previous sibling ⇧ Tab
75. Group selections ⌘ G
76. Ungroup selection ⇧ ⌘ G
77. Frame selection ⌥ ⌘ G
78. Show / Hide selection ⇧ ⌘ H
79. Lock / Unlock selection ⇧ ⌘ L
80. Measure to selection (while pointing) ⌥
81. Duplicate selection (while moving) ⌥
82. Deep select ⌘ Click
83. Select layer menu ⌘ Right-click
84. Deep select within rectangle ⌘ Drag
85. Resize from center (while dragging) ⌥
86. Resize proportionally (while dragging) ⇧
82. Deep select ⌘ Click
83. Select layer menu ⌘ Right-click
84. Deep select within rectangle ⌘ Drag
85. Resize from center (while dragging) ⌥
86. Resize proportionally (while dragging) ⇧
87. Move while resizing (while dragging) Space
88. Ignore constraints (frames only, while dragging) ⌘
89. Copy ⌘ C
90. Cut ⌘ X
91. Paste ⌘ V
92. Paste over selection ⇧ ⌘ V
93. Duplicate ⌘ D
94. Rename selection ⌘ R
95. Export ⇧ ⌘ E
96. Copy properties ⌥ ⌘ C
88. Ignore constraints (frames only, while dragging) ⌘
89. Copy ⌘ C
90. Cut ⌘ X
91. Paste ⌘ V
92. Paste over selection ⇧ ⌘ V
93. Duplicate ⌘ D
94. Rename selection ⌘ R
95. Export ⇧ ⌘ E
96. Copy properties ⌥ ⌘ C
97. Paste properties ⌥ ⌘ V
98. Copy as PNG ⇧ ⌘ C
99. Take a break to check shortcuts.design
100. Flip horizontal ⇧ H
101. Flip vertical ⇧ V
102. Use a mask ⌃ ⌘ M
103. Edit shape or image ↩
104. Place image ⇧ ⌘ K
105. Crop image ⌥ Double-click
98. Copy as PNG ⇧ ⌘ C
99. Take a break to check shortcuts.design
100. Flip horizontal ⇧ H
101. Flip vertical ⇧ V
102. Use a mask ⌃ ⌘ M
103. Edit shape or image ↩
104. Place image ⇧ ⌘ K
105. Crop image ⌥ Double-click
106. Set opacity to 10 1
107. Set opacity to 50 5
108. Set opacity to 100 0
109. Bring forward ⌘ ]
110. Send backward ⌘ [
111. Bring to front ⌥ ⌘ [
112. Send to back ⌥ ⌘ ]
113. Align left ⌥ A
114. Align right ⌥ D
115. Align top ⌥ W
116. Align bottom ⌥ S
107. Set opacity to 50 5
108. Set opacity to 100 0
109. Bring forward ⌘ ]
110. Send backward ⌘ [
111. Bring to front ⌥ ⌘ [
112. Send to back ⌥ ⌘ ]
113. Align left ⌥ A
114. Align right ⌥ D
115. Align top ⌥ W
116. Align bottom ⌥ S
117. Align centers ⌥ H and ⌥ V
118. Distribute spacing ⌃ ⌥ H and ⌃ ⌥ V
119. Tidy up ⌃ ⌥ T
120. Add auto layout ⇧ A
121. Remove auto layout ⌥ ⇧ A
122. Components
123. Show assets ⌥ 2
124. Team library ⌥ ⌘ O
125. Create component ⌥ ⌘ K
118. Distribute spacing ⌃ ⌥ H and ⌃ ⌥ V
119. Tidy up ⌃ ⌥ T
120. Add auto layout ⇧ A
121. Remove auto layout ⌥ ⇧ A
122. Components
123. Show assets ⌥ 2
124. Team library ⌥ ⌘ O
125. Create component ⌥ ⌘ K
126. Detach intense ⌥ ⌘ B
127. Swap component instance ⌥
128. Show components menu ⇧ I
129. Prototyping
130. Fullscreen F
131. Scale view Z
132. Restart prototype R
133. Comment C
127. Swap component instance ⌥
128. Show components menu ⇧ I
129. Prototyping
130. Fullscreen F
131. Scale view Z
132. Restart prototype R
133. Comment C
That's a wrap!
If you enjoyed this thread:
1. Follow me @Darasoba for more of these
2. RT the tweet below to share this thread with your audience
If you enjoyed this thread:
1. Follow me @Darasoba for more of these
2. RT the tweet below to share this thread with your audience
Loading suggestions...