I’m creating a resource for y’all on stuff I wish I knew in Figma when I started. Can you throw me your favorites?
— ˗ˏˋrogieˎˊ (@rogie) August 4, 2021
🔥 Hot #FigmaTip: using 180° rotation to change layers order in @figmadesign Auto Layout. pic.twitter.com/XTvq2QsB5S
— Eugene Fedorenko 🇺🇦 (@efedorenko) April 27, 2021
“A few weeks back, we asked ten Figmates across engineering, product, design, and research to share what they love most about Figma, including their favorite use cases and tricks. During a recent live stream, they walked through speed tips and keyboard shortcuts, brainstorming exercises, and their most-used templates — all in five minutes or less.”
“We brought ten Figmates together to share their tips and tricks with you. We dove into features, covered getting started in Figma, plugins, and speed tips. You’ll hear from engineers, designers, designer advocates, product managers, and researchers.”
“Here is a quick workflow with multiple batch operations that can show you how to import, rename, organize, componentize and publish assets.”
“Quickly master your documents pages and frames using simple shortcut keyboard actions.”
In this part of Figma in 5, Rogie talks about Design Systems with a focus on components.
A nice trick to work around some of Auto Layout’s limitations.
Auto Layout @figmadesign tip - use a 1x1 frame to add overlapping elements within a parent Auto Layout frame. pic.twitter.com/0dbJpeN8ri
— Gavin Nelson (@Gavmn) February 9, 2021
Steve Schoger looks for the best way to create a dot that responds to the stroke width. There are some creative solutions in the replies, but making a rectangle with width and height set to 0.001 is the best one.
How do you create just a dot in @figmadesign?
— Steve Schoger (@steveschoger) February 6, 2021
Every time I try to create one by drawing a point with the pen tool it doesn't get recognized as a shape and disappears.
I managed to create one once but I forget how and I've just been copy/pasting the same one ever since 😅 pic.twitter.com/11LdpcCPG0
Johan Ronsse makes an argument against overusing advanced Figma features. After breaking down a few complex Variants into smaller Components or being unable to freely move an object in the layout built with Auto Layout, I tend to agree. With great power comes great responsibility.
Noah Levin, Design Director at Figma, collected 20 of his favorite tips and tricks for whipping up something quickly.
Miguel Cardona on using OpenType features.
I don't know who needs to hear this, but some fonts come with stylistic alternatives for glyphs, and its super easy to swap them out in @figmadesign. Especially if a client has strong opinions on that letter "a" (true story).
— miggi from figgi (@miggi) January 8, 2021
This is Basic Sans, btw. pic.twitter.com/dT51BuKAN5
Great trick on using Union to preserve the color of icons.
Hottest #FigmaTip since sliced bread coming your way.
— luis. (@disco_lu) January 15, 2021
Here's a way to use variants AND icon instances with preserved colours 🤯 pic.twitter.com/iTNV664rQU
A quick tip from Figma Designer Advocate Anthony DiSpezio. (While on topic, read the story behind color named “rebeccapurple”.)
Quick @figmadesign tip for some www nostalgia - you can use CSS color names as hex values in Figma #FigmaTiphttps://t.co/DqCiMhbUtr
— Anthony DiSpezio (@adispezio) January 14, 2021
My favorite is "burlywood," what's yours?! pic.twitter.com/Iz9Ta5zNwW