#Tips & Tricks
10 Tips to Work 10x Faster in Figma
Interface Design PRO-TIPS inside Figma
5 Figma Tips From a Reformed Messy Designer
Set the width or height of an exported file
I recently learned that in the Size field of the Export panel, a number followed by w or hcould be used to specify the width or height of the exported image.
TIL: you can set the width or height of an exported file in @figmadesign by entering a number followed by 'w' or 'h' in the Size field. pic.twitter.com/MfNcbhssIl
— Eugene Fedorenko 🇺🇦 (@efedorenko) July 20, 2020
Figma Tips & Tricks
A collection of a few useful tips in Post-it format.
Office Hours: 30 Time-Saving Tricks From Figma Experts
Anthony and Rogie, Designer Advocates at Figma, share their favorite lesser-known Figma tips, including keyboard shortcuts, to help you save time.
@joeyabanks: Go to figma.com/new to quickly create a new file
A small timesaver if you’re designing in the browser.
If you use @figmadesign in the browser, did you know you can go to https://t.co/MZ5eqKvuqm to really quickly and easily create a new file? ✨ pic.twitter.com/J0D2DRiWwa
— Joey Banks (@joeyabanks) June 24, 2020
Meng To: How to create separators with Auto Layout
When you don’t use an Auto Layout, a Drop Shadow with blur set to zero may be a nice alternative.
How to create separators with Auto Layout in @figmadesign pic.twitter.com/H48N1KbZO3
— Meng To (@MengTo) May 29, 2020
Meng To: Use fill opacity to quickly change the theme of the UI
Good advice on when to use a fill opacity vs. layer opacity.
Instead of using layer opacity, use fill opacity and selection colors to quickly change the theme of your UI in @figmadesign pic.twitter.com/r18uwImtdo
— Meng To (@MengTo) May 26, 2020
Wondering how many frames or instances you’ve created?
That’s a really smart workaround to gather stats!
Wondering how many frames you've created? How many times some instance is used in a file? Count your collection of cat pics? 🤔
— Gleb Sabirzyanov (@gleb_sexy) May 15, 2020
Press Cmd + R (Ctrl + R) for Batch Rename and you will see the number of selected layers in the top left corner! 💯 #FigmaTip @figmadesign pic.twitter.com/piZ5GjC27c
Open Figma file URL from clipboard
I’ll piggy-back on this advice and suggest always opening Figma links in the app by setting the preference.
Figma tip of the day. If you work in the desktop app but someone sends you a URL and you're not logged in. Just copy the URL, open @figmadesign and select File > Open File URL From Clipboard. pic.twitter.com/AELuoyqygi
— Gavin McFarland (@gavinmcfarland) May 12, 2020
Copy-pasting SVGs in Figma is a breeze
One of my favorite time-savers!
Today's 🔥 #FigmaTip:
— ˗ˏˋrogieˎˊ (@rogie) May 11, 2020
Copy-pasting SVGs in @figmadesign is a breeze. Here's how: pic.twitter.com/Ck9VYLkKVR
@Rogie: What are your best Figma tricks?
Great collection of tips and tricks from the community.
What are your best @figmadesign tricks? I’m organizing a file with all of the coolest things I know for the community, but knowing y’all, you got the 🔥 ones and I want em!
— ˗ˏˋrogieˎˊ (@rogie) April 28, 2020
Tips and Tricks for Prototyping in Figma
Good tips on creating custom transitions, handling and organizing multiple flows in a prototype, and communicating during developer handoff.
Awesome Figma Tips
A collection of useful tips on working in Figma faster.
Figma Tips & Tricks: 50 Tips in 25 Minutes
A vast collection of tips and tricks at Learn UX channel, definitely worth watching.
