FadeMask
by Burak Şahin
One-click gradient masks for Figma
Installs
122
Likes
14
Users
779
Views
335
Preview
About this plugin
FadeMask helps you create smooth gradient masks and fade effects in just a few clicks.
Select any layer, image, shape, frame, or group and instantly apply a customizable gradient mask. Choose from 9 directions including diagonals and radial, pick a gradient style that fits your design, and preview the result in real time — all without leaving the plugin.
New in this version:
🔥 Radial gradients — fade from center outward🔥 Diagonal directions — all 8 compass directions, not just 4🔥 3 gradient styles — Linear, Edge (cubic ease), and Soft (ease-in-out) for precise fade control🔥 Live preview — see your selected layer inside the plugin before applying🔥 Smart update — if a gradient mask already exists, FadeMask detects and updates it in place🔥 One-click removal — remove any gradient mask and restore the original layerPerfect for:
🔹 Image fades🔹 Edge blending🔹 UI mockups🔹 Hero sections🔹 Portfolio presentations🔹 Social media graphicsFeatures:
✅ One-click gradient masks✅ 9 directions including diagonals and radial✅ Linear, Edge, and Soft gradient styles✅ Live layer preview✅ Edit or remove existing masks✅ Works with images, shapes, frames, groups, and text✅ Fast and lightweightCreate professional fade effects directly inside Figma with a clean and simple workflow.
More editing & effects plugins plugins
View allMaterial Design Icons
Paidby Icons8
Instant easy access to the entire Material Design Icons library
Remove BG
Paidby Aaron Iker
Remove the background of images automatically with just a single click.
Content Reel
by Eugene Gavriloff
Design layouts more efficiently by pulling text strings, images, and icons.
Icons8 — icons, illustrations, photos
Paidby Icons8
All our graphics at your fingertips.