Back to Plugins
FadeMask

FadeMask

One-click gradient masks for Figma

Plugin 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.

Plugin Details

Version3
CreatedMay 31, 2026
Last UpdatedAugust 24, 2026
Categoryediting & effects plugins
CreatorBurak Şahin
Stats122 installs, 14 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none