Back to Plugins
Liquid Glass Pro

Liquid Glass Pro

Liquid Glass with real refraction

Plugin Preview

Liquid Glass Pro preview

About this plugin

Liquid Glass - Figma PluginCreate stunning liquid glass effects inspired by Apple's latest design languageTransform 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🎨 Real-time Preview - See your glass effect instantly with live WebGL rendering⚡ Smart Selection - Apply effects to any shape - rectangles, circles, or complex vectors🎛️ Dual Control System - Separate tabs for refraction physics and visual effects🔄 Batch Updates - Update multiple glass elements simultaneously🎯 Non-destructive - Preserves your original content in dedicated layers🛠️ What You Can ControlRefraction TabDistortion thickness and distortion strengthChromatic aberration for realistic light splittingFrost blur for varying transparency levelsEffects TabInner shadows with full positioning controlEdge highlights with customizable angles and colorsReflection layers with adjustable blur and opacityTint overlays with 20+ blend modes📱 How It WorksSelect any shape or create a new elementAdjust refraction settings for the physicsFine-tune visual effects for the perfect lookExport or hand off with all effects intactBuilt with performance in mind - works seamlessly with complex documents and maintains quality at any scale.IMPORTANTKeep the plugin open while editing for real-time updatesThe parameters of the Liquid Glass element are stored in the layer name, don't change the layer name.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.

Plugin Details

Version5
CreatedJune 28, 2025
Last UpdatedJuly 6, 2025
Categoryediting & effects plugins
CreatorPrabin Pebam
Stats134 installs, 22 likes
PricingFree

Technical Details

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