Liquid Glass Pro

About this plugin

Liquid Glass - Figma Plugin

Create stunning liquid glass effects inspired by Apple's latest design language

Transform your designs with beautiful, realistic glass effects that bring depth and sophistication to your UI. Perfect for modern interfaces, overlays, and premium design systems.

✨ Key Features

1. 🎨 Real-time Preview - See your glass effect instantly with live WebGL rendering
2. ⚡ Smart Selection - Apply effects to any shape - rectangles, circles, or complex vectors
3. 🎛️ Dual Control System - Separate tabs for refraction physics and visual effects
4. 🔄 Batch Updates - Update multiple glass elements simultaneously
5. 🎯 Non-destructive - Preserves your original content in dedicated layers

🛠️ What You Can Control

Refraction Tab

1. Distortion thickness and distortion strength
2. Chromatic aberration for realistic light splitting
3. Frost blur for varying transparency levels

Effects Tab

1. Inner shadows with full positioning control
2. Edge highlights with customizable angles and colors
3. Reflection layers with adjustable blur and opacity
4. Tint overlays with 20+ blend modes

📱 How It Works

1. Select any shape or create a new element
2. Adjust refraction settings for the physics
3. Fine-tune visual effects for the perfect look
4. Export or hand off with all effects intact

Built with performance in mind - works seamlessly with complex documents and maintains quality at any scale.

IMPORTANT

1. Keep the plugin open while editing for real-time updates
2. The parameters of the Liquid Glass element are stored in the layer name, don't change the layer name.
3. the plugin required strict layer structure to work. Don't change the structure. You can put content inside the content frame within the Liquid glass element.

This is an open source project. You can visit the GItHub repository here.