#Effects
Knockout shadow
By default, drop shadows are no longer displayed through transparent areas of objects. Check out this thread by Rogie on how this feature came to life.Copying individual properties
How to copy and paste an individual property for color or an effect.
Figma Tips: Adding a glass effect to your designs
Luis shows how to create a cool glass effect using a Morph plugin.
6 Steps to Make Excellent Blurred Background
This tutorial shows how to create attractive blurred backgrounds to get your designs ready for iOS 14 and macOS Big Sur. It’s not specific to Figma, but the advice is solid.Neon effect
Beautiful effect, reminding me of Kai’s Power Tools. (If you know, you know.)Improved Reordering in the Properties Panel
“When more than one fill, stroke, or effect is applied to an element you’ll now see a draggable icon on hover, making it easier to reorder things.” A small but mighty update — it was really painful to drag properties before!Effect icons indicate the offset direction
Love the attention to details in Figma!Behind the feature: shedding light on shadow spread
Now you can adjust shadow spread in Figma on some kinds of objects to create better depth, glows, and borders. It’s fully compatible with the CSS property box-shadow.
Glass Effect Mockup
“This is a simple mockup with a glass effect created from the video presentation of the new Microsoft tool, Office.”
Yummygum: Copy and paste individual style properties between layers
This is a huge time saver. Can’t believe I never tried this before.
SmoothShadow
After Smooth Shadow generator made rounds in the design community, its author built a matching Figma plugin. It’s the easiest way to build a nice smooth shadow, and as it’s based on a box-shadow CSS property it’s easy to export and reuse in code later.