Miggi shows how to use images as masks.
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
“Say goodbye to your drop shadow hacks. Now, you can apply individual borders to customize tables, lists, and single-sided panels.” This is one of my favorite updates!
Insert and retain the original resolution of big images, working around Figma’s limitation of 4,096 pixels during imports. Just last week, I had to add a few large screenshots to the project and ended up cutting them down manually in Pixelmator while thinking of building this plugin. Apparently, Yuan Qing Lim had the same idea a while ago!
While outlining a stroke is a common feature in design tools, I’ve never seen the opposite!
While this is still a hack, I didn’t realize that a big nudge value affects gradient stops. Good to know!
New Figma Tip: CSS ready, percent perfect gradient styles in @figmadesign.
— Miggs in Space (@miggi) September 28, 2021
(Me testing Figma tip on Twitter with @loom.)
https://t.co/t2eHeObDMQ
Cool plugin by Tom Quinonero for creating gradients through color spaces like LCH and ZYX with non-linear curves. There are so many cool use cases for color spaces like LCH — it’s a real pity that they’re not a standard part of Figma.
A Node package that converts SVG strokes to outlined fills as a post-export process. Useful if you want to manipulate color attributes in code.
Now in @figmadesign you can totally draw straight lines with the pencil tool while holding down the shift key!
— miggi from figgi (@miggi) July 22, 2021
But did you know that depending on the background when you start drawing with the pencil, it will auto adjust white to black and vice versa? Same when placing text! pic.twitter.com/i1mCFHjBcc
Happy Monday folks, here are a few ways to crop images easier in @figmadesign:
— luis. (@disco_lu) July 12, 2021
• Double click whilst holding Option (Mac) / Alt (Windows)
• Hold CMD (Mac) / Control (Windows) and drag the handles
• Use shapes and boolean operations
Happy croppin' ✂️ pic.twitter.com/Pex2IcerVF
Really smart solution! “This trick uses the dash/gap length to calculate exact degree marks. This lightweight approach makes it easy to store all of the information for interval marks in a single stroke.”
Come for the tip, stay for a beautiful demo.
Here is a #FigmaTip showing you how to make dotted lines for your @figmadesign illustrations. ✏️
— Mirko Santangelo (@mirkosantangelo) January 29, 2021
Open the Advanced Stroke panel, set the Cap to Round, then add a 0.1 Dash and tweak the dots spacing using Gap.
Happy Friday! ☺️ pic.twitter.com/M5NomG6VLU
Image Tracer traces black and white bitmap images and turns them into a vector layer.
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
Figma55 recorded a short demo of the recently released plugin by Figma cofounder Evan Wallace.
🎉🎉 Figma55 is one year old! 🎉🎉
— Figma:55 (@figma55) January 16, 2021
To bring in the new year, here's a video covering an often missed Adobe Illustrator feature that you can now do in Figma, thanks to @evanwallace's Variable Width Stroke plugin pic.twitter.com/vdNmwQ3gIi
The plugin adds support for variable-width strokes. Made by Evan Wallace, a co-founder of Figma. (Hopefully, this is just a sign that native support is coming to the app soon!)