Liquid Glass Distortion
Create liquid distortion backgrounds for Ellipse and Rectangles
Plugin Preview
About this plugin
Figma has released the native liquid glass effect! Please go to Effect to use it.
Parameter Details
- Clarity
Controls the output quality. Higher values produce sharper details but slower processing. Recommended: 2x.
- Distortion Range
Controls the radius of the clear central area. Lower values expand the clear zone.
- Distortion Strength
Adjusts edge distortion intensity. Higher values increase stretching.
- Gaussian Blur
Adds background blur to simulate frosted glass.
- Chromatic Aberration
Adds RGB color separation to edges for optical realism.
Additional Features
- iOS Style
Adds iOS system styles without overriding existing layer properties.
- Live Insert
Dynamically updates effects during parameter adjustments or layer transformations.
*Note: 200ms delay after operations for performance.*
- Parameter Memory
Saves parameters per layer. Re-selecting the layer reloads previous settings.
液态扭曲插件使用说明
- 在画框中添加图像背景,创建或选择矩形/圆形图层(当前仅支持此两类)。
- 打开插件,顶部预览窗立即显示初始效果。
- 通过调节下方的各项参数,定制您想要的玻璃质感。
- 点击置入,将最终效果应用到您的图层上。
参数详解
- 清晰度
控制输出质量。数值越高细节越锐利,处理速度稍慢。推荐2x。
- 扭曲范围
控制中心清晰区域的半径。值越低清晰区域越大。
- 扭曲强度
调节边缘扭曲强度。值越高拉伸感越强。
- 高斯模糊
添加背景模糊模拟磨砂玻璃质感。
- 色散
在边缘添加RGB色彩分离增强光学真实感。
附加功能
- iOS 样式
添加iOS系统样式,保留图层原有属性。
- 实时置入
调节参数或变换图层时动态更新效果。
注:为保障性能,操作停止后约有200毫秒延迟
- 参数记忆功能
按图层保存参数。重新选择时自动加载历史设置。
Plugin Details
Version | 2 |
---|---|
Created | June 10, 2025 |
Last Updated | June 13, 2025 |
Category | editing & effects plugins |
Creator | 质子 |
Stats | 1126 installs, 160 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the editing & effects plugins category.