Figma is a powerhouse design tool and is most UX/UI designers first choice as a design program.
you could create so much within Figma, and its an easy program to learn.
We compiled a list of useful Figma shortcuts that will streamline your workflow.
1. snag the Scale Tool
This simple one-key shortcut is a fast way to scale your items.
Hit theKkey, then opt for object you oughta resize.
The same shortcut works regardless of which mode you start from and switch to.
See ourbeginners guide to Figmato learn the differences between these modes.
Obviously,Shift+Eis easier, but its nice to have options.
On a Mac, holdCmd+Clickthe element, and on Windows,Ctrl+Click.
One simple key saves minutes of mindless clicking to select a bottom-layer element.
Once youve found the innermost element, hitShift+Enterto move back a level.
it’s possible for you to do this for all levels.
To collapse your layers, simply hitAlt+L(Windows) orOption+L(Mac).
If you have an element selected while using this shortcut, the layer with that element will stay open.
Select anywhere off the artboard to deselect all elements and use the shortcut to collapse all layers.
While theyre helpful, you dont always want the grids to be showing.
Toggling layout grids on and off is different on a Mac than on Windows.
On a Mac, hitCtrl+Gto toggle it on or off.
If youre using Windows, its a three-key shortcut;Ctrl+Shift+4.
Theyre different, but they do the same thing.
For Mac users, hitCmd+Shift+Kto pull up the dialog window to find your images.
On Windows, itsCtrl+Shift+Kfor you to find and place multiple photos in your Figma design.
If youcreate a master template in Figma, this is a great shortcut to use.
you might copy any image as a PNG, regardless of its origin format.
Select your chosen image and hitCmd+Shift+Con Mac andCtrl+Shift+Con Windows to copy it as a PNG.
On Mac, hitCtrl+C, and on Windows it’s the letter keyI.
You canuse plugins to create and add mockups to your Figma designs.
