Keyboard Shortcuts
Essential keyboard shortcuts for Chrome DevTools, VS Code, and Figma.
Chrome DevTools - General
Open DevToolsF12
Open ConsoleCtrl+Shift+J
Open ElementsCtrl+Shift+C
Toggle Device ModeCtrl+Shift+M
Open Command MenuCtrl+Shift+P
Search All FilesCtrl+Shift+F
Chrome DevTools - Elements
Edit as HTMLF2
Toggle Element State:hov
Hide ElementH
Delete ElementDelete
Select Next Element↓
Select Previous Element↑
Expand Element→
Collapse Element←
Chrome DevTools - Console
Clear ConsoleCtrl+L
Multi-line EntryShift+Enter
Previous Command↑
Next Command↓
Focus ConsoleCtrl+`
Chrome Browser
New TabCtrl+T
Close TabCtrl+W
Reopen Closed TabCtrl+Shift+T
Next TabCtrl+Tab
Previous TabCtrl+Shift+Tab
Address BarCtrl+L
Hard RefreshCtrl+Shift+R
View SourceCtrl+U
Bookmark PageCtrl+D
Find on PageCtrl+F
VS Code - General
Command PaletteCtrl+Shift+P
Quick OpenCtrl+P
Toggle SidebarCtrl+B
Toggle TerminalCtrl+`
SettingsCtrl+,
SaveCtrl+S
Save AllCtrl+K+S
Close EditorCtrl+W
VS Code - Editing
Cut LineCtrl+X
Copy LineCtrl+C
Move Line UpAlt+↑
Move Line DownAlt+↓
Duplicate LineShift+Alt+↓
Delete LineCtrl+Shift+K
Toggle CommentCtrl+/
Multi-cursorAlt+Click
Select All OccurrencesCtrl+Shift+L
Add Cursor AboveCtrl+Alt+↑
VS Code - Navigation
Go to LineCtrl+G
Go to FileCtrl+P
Go to SymbolCtrl+Shift+O
Go to DefinitionF12
Peek DefinitionAlt+F12
Find & ReplaceCtrl+H
Navigate BackAlt+←
Navigate ForwardAlt+→
Figma
Frame ToolF
RectangleR
TextT
PenP
MoveV
ScaleK
Zoom InCtrl++
Zoom OutCtrl+-
GroupCtrl+G
ComponentCtrl+Alt+K