Skip to content
FadeMask

FadeMask

by Burak Şahin

One-click gradient masks for Figma

FreeFigma

Installs

122

Likes

14

Users

779

Views

335

Preview

FadeMask 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 all