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.
Navigation and Views
Pan Canvas
Spacebar + Drag
Show/Hide UI
Ctrl + \ (Backslash)
Editing
Paste in Place
Ctrl + Shift + V
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
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
Collaboration and Sharing
Share Project
Ctrl + Shift + S
Toggle Comments Pane
Ctrl + Shift + M
Miscellaneous
Toggle Layout Grids
Ctrl + Shift + 4
Lock/Unlock Guides
Ctrl + Alt + ;