How to create Glassmorphism effect in @figma
Documented by @Shri.ui
#uidesign #uiuxdesign #figma
Create a rectangle with the right proportions and add corner radius of 30-40px
Add linear fill to the shape, check photo for details…
Add two sphere or circles to the background with a linear fill
Now add background blur effect to the rectangle (blur 30-45)
Add strokes with linear fill to create a border for better visual hierarchy
Add drop shadow effect to the rectangle and…
Add details and there you go, keep creating magic. Want to see this in a video tutorial, leave a comment 🤍
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.