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 DetailsClarityControls the output quality. Higher values produce sharper details but slower processing. Recommended: 2x.Distortion RangeControls the radius of the clear central area. Lower values expand the clear zone.Distortion StrengthAdjusts edge distortion intensity. Higher values increase stretching.Gaussian BlurAdds background blur to simulate frosted glass.Chromatic AberrationAdds RGB color separation to edges for optical realism.Additional FeaturesiOS StyleAdds iOS system styles without overriding existing layer properties.Live InsertDynamically 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 | 1777 installs, 210 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.