Custom shortcuts in Figma
Mac users are in for a treat
Mar 2022
As of writing this, Figma doesn't have a built-in solution for assigning custom shortcuts. But it's still possible to assign shortcuts with other methods. The two (Mac-only) methods I've used are:
- macOS keyboard shortcuts
- BetterTouchTool
With the first method, you can assign a shortcut to a menu item within any app on macOS. I've used this method to assign shift + option + cmd + M to go to the main component of an instance.
However, this method doesn't work for actions that are not in the app's menu. For example, one shortcut I miss from Sketch is moving one level up in the layer tree. In Sketch, that shortcut was esc. In Figma, that's shift + enter, which is not convenient when you have one hand on the mouse and the other on the keyboard.
The second method, a third-party macOS app called BetterTouchTool, will help. With BetterTouchTool, I can assign a keyboard shortcut within Figma to perform a specific combination of keypresses.
I've mapped cmd + esc to perform shift + enter to move one level up in the layer tree. I use cmd + esc instead of esc because Figma uses esc to exit text editing, and BetterTouchTool would try to run shift + enter instead. It took a while to rewire my brain to use cmd + esc, but now I'm comfortable.
I hope these shortcuts will help you to improve your productivity with Figma.
Get in touch
I'm not currently looking for freelancer work, but if you want to have a chat, feel free to contact me.