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!
Molly Hellmuth shares her favorite tips from the “Figma like the Pro’s” series — editing Auto Layout directly on the frame, using Constraints with Grids, deleting and healing vectors, using Auto Layout as an organizing tool, and copying links to specific pages, frames, or sections.
"Figma like the Pro's" is a TREASURE TROVE of tips!!!— Molly Hellmuth (@molly_hellmuth) May 19, 2023
I just binged all of them and here are a 5 of my favorites.. 🤩 pic.twitter.com/KpaPRp9Yqm
Molly with 3 good tips. I have to admit that Slice is the dustiest tool in my toolbar.
3 Figma shortcuts I can't believe I'm only learning about now 🤯— Molly Hellmuth (@molly_hellmuth) May 5, 2023
1. Snap padding & spacing to multiples of 8
2. Find and zoom to any layer with a click
3. Slice tool.. it's actaully useful!
How to use each.. pic.twitter.com/OhtYhfMRAL
Great list of Figma tips from the ADPList.
Secret Figma hacks that great designers are using to boost productivity.— ADPList (@ADPList) May 1, 2023
Here are 10 Figma hacks that designers need to know 🧵: pic.twitter.com/KP0leylntf
Molly Hellmuth shared a few tips from her recent event with Smashing Magazine.
“We’re ringing in 2023 by bringing ten Figmates to showcase their favorite features and share their tips and tricks. Whether you’re new to Figma or a pro yourself, tune in to get an inside look on how the teams who build Figma and FigJam use the tools.”
Essential list for any card-carrying Figma professional.
If you aren't already doing these things, do you even Figma? 🧵👇 pic.twitter.com/CgQydd6v2a— Corey Lee | Figma Japan (@factorzero) January 30, 2023
Miggi started a YouTube channel with his design shorts, Figma tips, and tutorials. Start with his recent series on making icons in Figma.
From December 5th to 16th, Figma Designer Advocates add a new tip to this community file every day. So far they’ve covered Auto Layout shortcuts, color override preservation in icons, presenting with the Figma app, and a few oldies but goodies.
Dann Petty asks for the best Figma tips for setting up a design system, and there are lots of golden nuggets in the replies. One of my favorites is “to not over eagerly start the design system when you start a project”.
I'm pretty good at @figma but today I pushed myself to actually use more advanced techniques.— DANN© (@DannPetty) November 30, 2022
I'm designing a developers dashboard which would likely become a pretty big design system over time.
Please send your best advanced Figma tips for setting up a design system!
Designer Advocate Mal shares one hot community file, plugin, and widget.
Got a min? Welcome to That's So Hot! Figma Fridays where I share a 🔥 community file, plugin, and widget pic.twitter.com/QbIxSbPTbS— Mal (@mdeandesign) October 14, 2022
Practical ways to overcome seven common Figma design issues caused by Auto Layout, constraints, groups, frames, components, and duplicates.
Danny Sapio shares a few best practices on using Figma for max efficiency: make components, use Auto Layout and don’t use groups, apply consistent spacing and styles, keep files organized and archive old designs, learn shortcuts, leverage community files, and present your work smoothly and cleanly.
Never noticed this before, but it’s such a nice touch! 👏
Shoutout to @figma for determining the background color of a shape and automatically setting the text color as black or white depending on contrast ratios to ensure accessibility. pic.twitter.com/ST1vTpf1Dc— Emma Bostian (@EmmaBostian) July 21, 2022
Joey Banks is back with five advanced Figma tips — renaming layers in bulk, selecting all objects based on a specific property, Spacebar’s superpower, private components, and using descriptions to improve search.
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
A nice trick from Gleb on how to create a transparent fill that supports a background blur effect.
Epic @figma tip I learned from @edpratti (Material You file)— Gleb Sabirzyanov ❤️ (@gleb_sexy) June 1, 2022
Transparent fill that supports background blur effect! 🤯🔥
1. Create a white fill
2. Change the fill blend mode to Darken/Multiply
3. Optional: create a style “Transparent”
1% or 0.01% opacity trick is dead! 💀 pic.twitter.com/U63DVuvTNQ
A cool and creative way to use a component as a light controller.
Having a light controller for illustration, just because #figma pic.twitter.com/5LJFHbCBR0— Papa Drag n' Drop (@kennethmahakim) April 21, 2022
Always love the events where Figma brings different Figmates for rapid-fire tips! “Whether you’re new to Figma or a pro yourself, tune in to get an inside look on how the teams who build Figma use Figma.”
Super useful tip from Miguel — use Option-W/A/S/D shortcuts (which you may know from gaming) to align elements or points in vector networks. The latter is going to be a massive time-saver for me!
Option (alt) + W,A,S,D (⬆️,⬅️,⬇️,➡️) align shortcuts in @figma can be used when editing vector paths / points. https://t.co/YvRDIZNMlB pic.twitter.com/giLDWMj30x— miggi from figgi (@miggi) February 11, 2022