Patrick Morgan Profile picture
Co-founder/COO of Loopable. Creator of Better by Design. Sharing ideas on tech, craft, and personal growth. LA 🌴.

Aug 15, 2022, 18 tweets

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_ 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.

Keep scrolling