#Shortcuts
Maintain the hierarchy of the elements
A good-to-remember shortcut! Hold the Spacebar while dragging elements to maintain the hierarchy of the elements.
Here's a small but truly useful tip for @figma that you may not know:
— Joshua Guo (@jgspace_design) August 24, 2023
Holding the spacebar while dragging elements will maintain the hierarchy of the elements.
The demo below shows that elements are not dragged out of the parent frame. pic.twitter.com/GNZBNyOxp1
Shortcuts
Designer Advocate Mal shares a few handy shortcuts that are worth memorizing — quick actions search, hide the layers panel, insert components, and zoom to selection.
Throwing it back to some great shortcuts to have memorized. Starting with quick actions to search through menus, commands and plugins. Using CMD + / pic.twitter.com/2tsFXyWHqh
— Mal (@mdeandesign) July 7, 2023
Using Logitech MX Master with Figma
Great tip on using Figma object alignment shortcuts with MX Master mouse. I tried this mouse a few years ago and went back to Magic Mouse because of its amazing scrolling, but might give it another try just because of shortcuts!
Using MX Master with Figma?
— Erol (@erolmujak) May 19, 2023
Here's a pro tip to save time when aligning layers.#figmatip pic.twitter.com/l7rKQ8tpXq
Hold Shift to align to objects’ respective frames
“When you select multiple objects across multiple frames, holding Shift now gives you the option to align those objects as groups within their respective frames.”
Double-clicking layer icons
MDS with a great shortcut of double-clicking on a layer icon to zoom into selection.
TIL double clicking layer icons in @figma zooms to selection. pic.twitter.com/hvNs0l4BEr
— MDS (@mds) April 26, 2023
Behind the scenes: international keyboard shortcuts
This is my favorite kind of blog post! Software Engineer Dorothy Chen went down the rabbit hole of international keyboards and emerged from the other side in November when Figma shipped keyboard shortcuts support for a set of non-US QWERTY keyboards. Lots of fascinating details, and the story about the new uppercase eszett character is wild!
Resize objects using your keyboard
Chad with a quick tip for resizing objects in Figma using your keyboard instead of the design panel.
Figma shortcuts to design faster
Dmitriy Bunin shares a great collection of must-know shortcuts.
My favorite shortcuts to design faster in #Figma.
— Dmitriy Bunin (@buninux) October 17, 2022
⌨️✨ #ui #design
A thread pic.twitter.com/HDffVqC8lo
Helpful Figma Shortcuts
15 shortcuts worth remembering.
Handy @figma shortcuts, curated by @uijohnson pic.twitter.com/hA5TySOqtW
— reo🧸🤎 (@reoworx) September 27, 2022
Zoom and opacity with the number keys
Anthony DiSpezio with a great tip on controlling opacity and zoom level with the number keys.
Incoming #figmatip
— Anthony DiSpezio (@adispezio) August 19, 2022
*Number keys for opacity* enabled:
- 0-9 to set 10% increments
- Tap two keys quickly for the exact %
- Tap 0 twice for 0%
- Hold shift for zoom keys⬇️
if disabled:
- 1 for 'zoom to fit'
- 2 for '...selection'
- 0 for '...100%'
- Hold shift for opacity keys⬆️ pic.twitter.com/82Et0GSV1w
Favorite keyboard shortcuts
Patrick Morgan asked designers about their favorite Figma shortcuts and shares the top 10 recommendations based on 220+ responses.
I asked designers for their favorite @figma keyboard shortcuts.
— Patrick Morgan (@itspatmorgan) August 15, 2022
220+ responses and hours of synthesis later...
Here are the top 10 keyboard shortcuts to supercharge your workflow:
Shortcuts for working with fonts
Miguel with a few useful shortcuts for adjusting font size, weight, letter spacing, and line height.
Happy Monday! Here are some some great shortcuts when deep in the weeds of type exploration in @figma.
— miggity miggity mac (@miggi) August 1, 2022
Easily adjust font size, weight, letter spacing and line height using modifier keys and the <, > symbols. On Windows, swap out "alt" for "⌥" and "ctrl" for "⌘"#figmatip pic.twitter.com/byFfkVWUMe
Moving the selection
Miggi with a mind-blowing trick for selecting items inside of the tight spots.
Haven't posted a #FigmaTip in a while, so here goes.
— miggi from figgi (@miggi) July 28, 2022
In @figma, draw a selection then hold the space bar to move the selection over the objects you want to select. Great for getting items inside of those tight spots. 🎉 pic.twitter.com/zEcCb90Jyk
Adjust mixed values
Cool tip on adjusting mixed values like object size or Auto Layout padding.
I never knew you could adjust mixed values in Figma like this pic.twitter.com/8bmMRJb0iT
— Joey 🙃 (@mrhammn) June 30, 2022
Toggle between panels
Useful shortcuts to toggle between Design, Prototype, and Inspect panels.
⌨️ Figma Tip: use Shift-E to quickly toggle between the Design and Prototype tabs, or ⌥8 for Design, ⌥9 for Prototype, and ⌥0 for Inspect.
— Figmalion (@figmanewsletter) June 23, 2022
International keyboard layouts
Figma is improving support of international keyboards, currently in beta.
🇬🇧🇸🇪🇫🇮🇩🇰🇳🇴🇮🇹🇪🇸🌎
— KC Oh (@okaysee) June 30, 2022
We've added 8 more layouts (UK, SE, FI, DK, NO, IT, ES, LATAM) so more folks can work faster in @Figma.
It's been fun to dig into ⌨️ quirks with @mwichary @dorothchen @SulaYang1 + Rachel Miller!
Sign up here if you'd like to beta test: https://t.co/Jw7otaHDN4 pic.twitter.com/XKDrYIareE
Jumping to the object
Super useful tip: double-click on the icon of an object in the Layers panel to jump to it. (Double-clicking on a name will trigger renaming.)
No fucking way. I’ve just learned that if you double click the Frame/Autolayout/text (whatever it is) icon in the layers panel, Figma will jump to it. 🤯 pic.twitter.com/HmgWoHHCYQ
— James 🤌🏻 (@jamesm) June 20, 2022
Middle-clicking on a hyperlink
Middle-clicking or ⌘-clicking on the hyperlink goes directly to the target.
Did you know you can now middle-click on a @figma hyperlink to directly jump to target?
— Mr. Biscuit (@SShuaiqi) June 18, 2022
Also If you don't like clicking on the middle mouse button you can also ⌘click on the hyperlink pic.twitter.com/k0TdZWUesO
Figma Shorts: 5 useful Auto Layout shortcuts
That’s a pretty badass collection of shortcuts — I didn’t know most of them!
