Back to Plugins
液态玻璃生成器 Liquid Glass Generator

液态玻璃生成器 Liquid Glass Generator

Create beautiful glassmorphism effects instantly

Plugin Preview

液态玻璃生成器 Liquid Glass Generator preview

About this plugin

介绍

Liquid Glass 是一款帮助设计师快速创建液态玻璃风格 UI 效果的 Figma 插件,可模拟现代界面中常见的毛玻璃、层叠光影等质感表现。


功能说明

•一键生成包含背景模糊、渐变描边和透明填充的液态玻璃容器

•支持调节透明度和模糊强度

•自动叠加纹理图层,增强真实感

•创建位置自动居中显示在当前视图中心


使用方法

1.在 Figma 插件菜单中运行 Liquid Glass

2.设置透明度和模糊参数

3.点击 Apply 按钮生成液态玻璃框

4.自动居中展示,可根据需要自由拖动或组合使用


注意事项

•推荐用于浅色或模糊背景下,视觉更佳

•可与其他 UI 元素组合使用增强表现力

•在复杂画布上运行时可能略有延迟


Introduction

Liquid Glass is a Figma plugin for designers who want to create realistic glassmorphism UI effects effortlessly. It simulates the layered, frosted, and glowing look commonly seen in modern interfaces.


Function Description

•Adds a liquid glass style frame with background blur, angular stroke, and gradient fills

•Includes configurable opacity and blur settings

•Adds optional layered texture for enhanced realism

•Automatically centers the effect on your current viewport


How to Use

1.Run the plugin from the Figma plugins menu

2.Adjust opacity and blur in the popup panel

3.Click “Apply” to generate a liquid glass frame

4.The generated element appears centered in your viewport


Notes

•Works best on light or blurred backgrounds

•You can group the frame with existing UI elements

•Performance may vary with complex canvases

Plugin Details

Version5
CreatedJune 11, 2025
Last UpdatedJune 14, 2025
Categoryediting & effects plugins
CreatorKingweiCheung
Stats204 installs, 13 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://kingwei-ltd-1300144312.cos.ap-guangzhou.myqcloud.com/