Mizko shares his favorite Figma tips and tricks — using status and annotation kits, nested arrows in names, min- and max-width in Auto Layout, variable modes for breakpoints, coying a FigJam connector to Figma, making icons searchable, Auto Layout a parent frame, looping variables, and user variables.
Molly Hellmuth shares daily discoveries while working on the UI Prep design system update. There are great tips on pairing heading and body sizes, clearly marking a default text size, avoiding hiding components with a period or underline in the name, scoping variables in bulk, establishing a set of “surface” colors, removing a focused state, and including a special data text style for tables.
Christine Vallaure shares an updated list of her old favorites and plenty of new tips, highlighting what you might have missed when working with components in Figma. (Thanks for the friend link!)
A slide deck with 100 Figma tips to make your design workflow smart, fast, and super productive.
Christine Vallaure with the best Figma tips and tricks of the year! As you’d expect, this year’s edition of her regular roundup has a strong focus on Dev Mode, variables, prototyping, min/max values, and slot components. Thanks to Christine for sharing a friend’s link with Figmalion readers! If you prefer watching to reading, check out her free video with these tips.
Short but awesome tips from multiple creators to work faster in Figma.
The good thing about evergreen tips is, well, that they do not get old — I keep forgetting about this one! Right-click while holding the Control key to see a list of objects below your cursor.
Evergreen @figma tip / helpful reminder!
— Miggi ✌🏽 (@miggi) November 6, 2023
Press control + right click on the canvas to see and select the objects that sit below your cursor.
If anything, it will remind you to name your layers 🫣🤫🫠. #figmatip pic.twitter.com/qSoZJrWims
Did you know that you can use math inside color values in Figma? Really cool.
Figma Tip: Use Math Inside Any Field 🧮
— Michael Yagudaev 🧑🏻💻🇨🇦 (@yagudaev) June 6, 2023
You can use +, -, *, /, ^, (, ) with a number.
Super helpful for animations. pic.twitter.com/yKgU5hIV4G
Oğuz with a design tip on using Randomiser and Select Random Layers plugins to create a realistic image of the universe, like in his example. (The look resembles the cool new Reflect app landing he worked on recently.)
Design Tips #3:
— Oğuz (@oguzyagizkara) June 5, 2023
Creating Your Own Stellar Universe 🌟
🚀 Blast off into your own galaxy with these design tips! pic.twitter.com/vjtffSJCa6
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
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
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 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
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