Gradients BG Viz

About this plugin

Stop settling for flat, 2-color fades. Start layering light.

Gradients BG Viz is a professional-grade background engine that moves beyond Figma's native limits. By using a sophisticated Layered Fill Engine, it stacks multiple linear, radial, and angular gradients with custom blend modes to create the complex, "glassmorphism" or "mesh" look seen in modern top-tier UI.

Whether you need a soft landing page backdrop or a high-contrast hero section, Gradients BG Viz gives you total control over the stacking order, color jitter, and spatial randomness.

🚀 Key Features:

Layered Painting: Stack up to 10 layers of gradients (Linear, Radial, and Angular) on a single node.

Procedural Generation: Use the "Chaos" engine to randomize gradient handle positions for a unique look every time.

Palette Templates: Choose from curated professional palettes or input your own 2, 3, or 4-color combinations.

Transparency & Blending: Set per-layer opacity and blend modes (Overlay, Screen, Soft Light) for deep color interactions.

Custom Dimensions: Generate backgrounds perfectly sized for Desktop, Mobile, or Social media frames in one click.

Live Preview: Visualize your complex stack in the plugin window before applying it to your canvas.

🛠 How to use it:

Enter your desired Width & Height.

Choose a Color Template or select your own brand colors.

Adjust the Number of Layers to add depth.

Hit Generate or use the Shuffle icon to see infinite variations.