FadeMask
One-click gradient masks for Figma
Plugin 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.
Plugin Details
| Version | 3 |
|---|---|
| Created | May 31, 2026 |
| Last Updated | August 24, 2026 |
| Category | editing & effects plugins |
| Creator | Burak Şahin |
| Stats | 122 installs, 14 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the editing & effects plugins category.