04/09/2025
In response to ’s new Liquid Glass design language, unveiled at WWDC in June this year, digital design tool has launched a native Glass Effect. This allows designers to create beautifully organic, glassmorphic interfaces directly within Figma — and it’s a game-changer.
With intuitive controls like refraction, depth, dispersion, and frost, designers can now craft hyper-realistic, minimal glass materials that integrate seamlessly into modern digital design projects. It brings a fresh, futuristic aesthetic that feels genuinely next-gen.
But, as with many visually rich design trends, there are important real-world considerations before implementing these effects on a live website.
Performance
Real-time glass effects are GPU-intensive and can significantly increase resource usage, especially on mobile or older devices. This can lead to poor performance, or even render the site unusable for some visitors.
Accessibility
Glassmorphic UI elements can introduce contrast issues, particularly when overlaid on variable backgrounds. This makes text harder to read and may violate WCAG guidelines. It could also affect your SEO performance.
Browser Compatibility
Not all browsers fully support the CSS properties that power these effects (like backdrop-filter). This means experiences can vary across different users and platforms, potentially undermining the design consistency.
Our takeaway
Figma’s new Glass Effect is a powerful, inspiring tool. But it's best used strategically. For production environments, we recommend applying the effect sparingly, or exporting it as a static graphic when needed. When thoughtfully applied, it opens up exciting new possibilities in web design.
Let’s create something extraordinary together.
[email protected]
silverless.co.uk
+44 (0)1672 556532