I asked designers for their favorite @figma keyboard shortcuts.
220+ responses and hours of synthesis later...
Here are the top 10 keyboard shortcuts to supercharge your workflow:
@figma #10: Copy properties → ⌥ ⌘ C
Easily transfer styles from one shape to the next. Amazing!
via @ImAndrewPons
@figma @ImAndrewPons #9. Pick color → ⌃ C or I
Just tap `⌃ C` or `I` and be amazed as a color picker appears out of thin air.
And here I was using the Apple digital color meter like a chump…
via @TeeAnn__
@figma @ImAndrewPons @TeeAnn__ #8. Scale tool → K
Put your proportional scaling troubles to bed.
Tap 'K' to switch from the move tool (V) to the scale tool and resize away!
via @SuperAmar
@figma @ImAndrewPons @TeeAnn__ @SuperAmar #7. Copy as PNG → ⇧ ⌘ C
Endless exports be gone!
Copy a PNG to the clipboard with this shortcut and be on your way!
via @joeyjungle
@figma @ImAndrewPons @TeeAnn__ @SuperAmar @joeyjungle #6. Duplicate selection → ⌥ (while moving) or ⌘ D
It's only right that there are two ways to duplicate:
Hold ⌥ while moving a Frame to summon a copy from the great beyond.
Or just whack ⌘ D.
The choice is yours!
via @liz_shinn
@figma @ImAndrewPons @TeeAnn__ @SuperAmar @joeyjungle @liz_shinn #5. Quick actions → ⌘ P or ⌘ /
Command palettes are so hot right now 🔥
Figma's is already strong and I imagine it will only grow stronger with time.
via @pherkan
@figma @ImAndrewPons @TeeAnn__ @SuperAmar @joeyjungle @liz_shinn @pherkan #4. Paste to replace → ⇧ ⌘ R
Might this be the lowest profile, highest utility feature ever created?!?!
It's not sexy, but it's a workflow beast.
via @TheObiLeonard
@figma @ImAndrewPons @TeeAnn__ @SuperAmar @joeyjungle @liz_shinn @pherkan @TheObiLeonard #3. Show/Hide UI → ⌘ . or ⌘ \
Are you presenting and want to clear away the clutter?
Or maybe you're on a laptop and need more space?
The show/hide shortcut has your back.
Show the UI you need, just when you need it.
via @ProductDisrupt
@figma @ImAndrewPons @TeeAnn__ @SuperAmar @joeyjungle @liz_shinn @pherkan @TheObiLeonard @ProductDisrupt #2. Undo → ⌘ Z
We all know designers never make mistakes 😉.
But in those rare instances when we do, it brings us a deep comfort to fall back on old faithful: ⌘ Z to undo.
via @abbybright14
@figma @ImAndrewPons @TeeAnn__ @SuperAmar @joeyjungle @liz_shinn @pherkan @TheObiLeonard @ProductDisrupt @abbybright14 #1. Add auto layout → ⇧ A
The tutelage of @zander_supafast is spreading far and wide:
“Whack shift A! Lovely Jubbly! Supafast!”
via @oamclean
@figma @ImAndrewPons @TeeAnn__ @SuperAmar @joeyjungle @liz_shinn @pherkan @TheObiLeonard @ProductDisrupt @abbybright14 @zander_supafast @oamclean Honorable mention: Mental health shortcut → ⌘ Q
Don’t forget this critical part of the design process and go touch grass! 🍀
via @RicoSmith_
@figma @ImAndrewPons @TeeAnn__ @SuperAmar @joeyjungle @liz_shinn @pherkan @TheObiLeonard @ProductDisrupt @abbybright14 @zander_supafast @oamclean @RicoSmith_ If you want to see/save this thread in blog post format, you can find it here:
itspatmorgan.substack.com/p/the-10-keybo…
@figma @ImAndrewPons @TeeAnn__ @SuperAmar @joeyjungle @liz_shinn @pherkan @TheObiLeonard @ProductDisrupt @abbybright14 @zander_supafast @oamclean @RicoSmith_ If you want to share your own top #figma shortcuts, jump in on the original thread!
@figma @ImAndrewPons @TeeAnn__ @SuperAmar @joeyjungle @liz_shinn @pherkan @TheObiLeonard @ProductDisrupt @abbybright14 @zander_supafast @oamclean @RicoSmith_ And if you want a powerful tool for referencing or studying Figma keyboard shortcuts, you're in luck!
I built a @NotionHQ database containing all 155+ @figma keyboard shortcuts with flash card visuals, favoriting and more...
Available now on @gumroad!
itspatmorgan.gumroad.com/l/figma-shortc…
@figma @ImAndrewPons @TeeAnn__ @SuperAmar @joeyjungle @liz_shinn @pherkan @TheObiLeonard @ProductDisrupt @abbybright14 @zander_supafast @oamclean @RicoSmith_ @NotionHQ @gumroad That does it!
If you enjoyed this thread:
1. Follow me @itspatmorgan for more systems and tools for design
2. RT the tweet below to share this thread with your audience
@figma Also, for anyone who's wondering, these are ordered by the total number of submissions from the community.
Not super scientific, but also not just my preference!
@figma If you dig this thread, come join my growing positive design community 'Better By Design', where we dig into nerdy design stuff like this every week. 🤓 🎨
itspatmorgan.substack.com
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.