50 Framer X Keyboard Shortcuts

Framer X Shortcuts are indispensable for designers looking to streamline their workflow and collaborate effectively with their team on every aspect of the product. This prototyping tool represents the latest and most advanced version of Framer Studio, tailored specifically for macOS users.

By leveraging Framer X shortcuts alongside the application’s features, designers can create realistic prototype designs and easily animate sophisticated interactions. Below is a list of Framer X shortcuts, which although not extensive, can prove incredibly handy. You can download the Framer X Shortcuts list in PDF format.

Most used Framer X Shortcuts

ActionFramer X Shortcut keys
NewCommand + Option + N
DownloadCommand + Option + S
Show PreviewCommand + P
Preview in New WindowCommand + Option + P
Upload ImageCommand + Option + I
Export SelectionCommand + E
Export allCommand + Option + E
GroupCommand + G
UngroupCommand + Shift + G
BoldCommand + B
ItalicCommand + I
UnderlineCommand + U
UndoCommand + Z
RedoCommand + Shift + Z
Copy StyleCommand + Option + C
Paste StyleCommand + Option + V
DuplicateCommand + D
LockCommand + L
HideCommand + ;
RenameCommand + R
Select AllCommand + A
Select All SiblingsCommand + Shift + A
Select All ChildrenCommand + Option + A

Tools Shortcuts

ActionFramer X Shortcut keys
InsertI
FrameF
RoundU
TextT
StackS
LinkL
GraphicG
CommentC
HandoffH
ZoomZ
Sample ColorControl + C

Layout Shortcuts

ActionFramer X Shortcut keys
Add FrameCommand + Return
Add StackCommand + Option + Return
Move ForwardCommand + Option + Up Arrow key
Move BackwardCommand + Option + Down Arrow key

Component Shortcuts

ActionFramer Shortcuts
Create From DesignCommand + K
Create From CodeCommand + Shift + K

View Shortcuts

ActionFramer Shortcuts
Zoom InCommand + +
Zoom OutCommand + –
Zoom to 100%Command + 0
Zoom to FitCommand + 1
Zoom to SelectionCommand + 2
Hide InterfaceCommand + .
Show RulersControl + R

The most effective alternative to Framer X is Figma. Figma is a web-based wireframing and interface design tool that enables users to edit graphics, collaborate, and create prototypes seamlessly. To explore or analyze the Figma Shortcuts list, click here.

READ NEXT:

Back to top button