Back to Plugins
Liquid Glass Distortion

Liquid Glass Distortion

Create liquid distortion backgrounds for Ellipse and Rectangles

Plugin Preview

Liquid Glass Distortion preview

About this plugin

Figma has released the native liquid glass effect! Please go to Effect to use it.




Parameter Details

  1. Clarity

Controls the output quality. Higher values produce sharper details but slower processing. Recommended: 2x.

  1. Distortion Range

Controls the radius of the clear central area. Lower values expand the clear zone.

  1. Distortion Strength

Adjusts edge distortion intensity. Higher values increase stretching.

  1. Gaussian Blur

Adds background blur to simulate frosted glass.

  1. Chromatic Aberration

Adds RGB color separation to edges for optical realism.

Additional Features

  1. iOS Style

Adds iOS system styles without overriding existing layer properties.

  1. Live Insert

Dynamically updates effects during parameter adjustments or layer transformations.

*Note: 200ms delay after operations for performance.*

  1. Parameter Memory

Saves parameters per layer. Re-selecting the layer reloads previous settings.


液态扭曲插件使用说明


  1. 画框中添加图像背景,创建或选择矩形/圆形图层(当前仅支持此两类)。
  2. 打开插件,顶部预览窗立即显示初始效果。
  3. 通过调节下方的各项参数,定制您想要的玻璃质感。
  4. 点击置入,将最终效果应用到您的图层上。


参数详解

  1. 清晰度

控制输出质量。数值越高细节越锐利,处理速度稍慢。推荐2x。

  1. 扭曲范围

控制中心清晰区域的半径。值越低清晰区域越大。

  1. 扭曲强度

调节边缘扭曲强度。值越高拉伸感越强。

  1. 高斯模糊

添加背景模糊模拟磨砂玻璃质感。

  1. 色散

在边缘添加RGB色彩分离增强光学真实感。


附加功能

  1. iOS 样式

添加iOS系统样式,保留图层原有属性。

  1. 实时置入

调节参数或变换图层时动态更新效果。

注:为保障性能,操作停止后约有200毫秒延迟

  1. 参数记忆功能

按图层保存参数。重新选择时自动加载历史设置。



Plugin Details

Version2
CreatedJune 10, 2025
Last UpdatedJune 13, 2025
Categoryediting & effects plugins
Creator质子
Stats1126 installs, 160 likes
PricingFree

Technical Details

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