Save Time. Use Shortcuts.

Framer Shortcuts

Framer is a powerful design and prototyping tool that allows you to create interactive, high-fidelity prototypes with advanced animations and real-time collaboration. It bridges the gap between design and development, helping teams deliver responsive and immersive user experiences. Here are some shortcuts to help you work more efficiently and streamline your design process in Framer.

General
Create New File
Ctrl + N
Open File
Ctrl + O
Save File
Ctrl + S
Undo
Ctrl + Z
Redo
Ctrl + Shift + Z
Duplicate
Ctrl + D
Delete
Delete
Toggle Help Menu
Ctrl + ?
Navigation and Views
Zoom In
Ctrl + +
Zoom Out
Ctrl + -
Fit to Canvas
Ctrl + 0
Actual Size
Ctrl + 1
Pan Canvas
Spacebar + Drag
Show/Hide UI
Ctrl + \ (Backslash)
Tools
Move Tool
V
Frame Tool
F
Text Tool
T
Shape Tool (Rectangle)
R
Ellipse Tool
O
Line Tool
L
Pen Tool
P
Hand Tool
H
Editing
Cut
Ctrl + X
Copy
Ctrl + C
Paste
Ctrl + V
Paste in Place
Ctrl + Shift + V
Group Selection
Ctrl + G
Ungroup Selection
Ctrl + Shift + G
Bring to Front
Ctrl + Shift + ]
Send to Back
Ctrl + Shift + [
Prototyping
Add Interaction
Ctrl + Click
Preview Prototype
Ctrl + P
Start/Stop Preview
Spacebar
Switch to Prototype Mode
Shift + E
Text
Bold Text
Ctrl + B
Italicize Text
Ctrl + I
Underline Text
Ctrl + U
Increase Font Size
Ctrl + Shift + >
Decrease Font Size
Ctrl + Shift + <
Align Left
Ctrl + Shift + L
Align Center
Ctrl + Shift + C
Align Right
Ctrl + Shift + R
Shapes and Layers
Add Rectangle
R
Add Ellipse
O
Add Line
L
Bring Forward
Ctrl + ]
Send Backward
Ctrl + [
Collaboration and Sharing
Share Project
Ctrl + Shift + S
Toggle Comments Pane
Ctrl + Shift + M
Add Comment
C
Miscellaneous
Toggle Grid
Ctrl + '
Toggle Layout Grids
Ctrl + Shift + 4
Show/Hide Rulers
Ctrl + R
Lock/Unlock Guides
Ctrl + Alt + ;

Built by Ayush Tomar