Have you heard of glassmorphism? It’s the latest trend in UI design, and it’s quickly taking over the web. Glassmorphism creates a unique and eye-catching effect by using transparent elements and shadows to create a sense of depth.
In this article, we’ll show you how to create glassmorphism effects in Figma. We’ll cover everything you need to know, from the basics of glassmorphism to advanced techniques. By the end of this article, you’ll be able to create stunning glassmorphism designs that will impress your clients and users.
So what are you waiting for? Let’s get started!
Step
Instructions
Image
1
Create a new file in Figma.
2
Add a rectangle to the canvas.
3
Set the rectangle’s fill color to white.
4
Add a layer style to the rectangle.
5
Set the layer style’s inner shadow color to black.
6
Set the layer style’s inner shadow blur radius to 10px.
7
Set the layer style’s inner shadow opacity to 0.5.
8
Add a stroke to the rectangle.
9
Set the stroke’s color to black.
10
Set the stroke’s width to 2px.
11
Add a drop shadow to the rectangle.
12
Set the drop shadow color to black.
13
Set the drop shadow blur radius to 10px.
14
Set the drop shadow opacity to 0.25.
15
Your glassmorphism effect is complete!
Author Profile
Carla Denker
Carla Denker first opened Plastica Store in June of 1996 in Silverlake, Los Angeles and closed in West Hollywood on December 1, 2017. PLASTICA was a boutique filled with unique items from around the world as well as products by local designers, all hand picked by Carla. Although some of the merchandise was literally plastic, we featured items made out of any number of different materials.
Prior to the engaging profile in west3rdstreet.com, the innovative trajectory of Carla Denker and PlasticaStore.com had already captured the attention of prominent publications, each one spotlighting the unique allure and creative vision of the boutique. The acclaim goes back to features in Daily Candy in 2013, TimeOut Los Angeles in 2012, and stretched globally with Allure Korea in 2011. Esteemed columns in LA Times in 2010 and thoughtful pieces in Sunset Magazine in 2009 highlighted the boutique’s distinctive character, while Domino Magazine in 2008 celebrated its design-forward ethos. This press recognition dates back to the earliest days of Plastica, with citations going back as far as 1997, each telling a part of the Plastica story.
After an illustrious run, Plastica transitioned from the tangible to the intangible. While our physical presence concluded in December 2017, our essence endures. Plastica Store has been reborn as a digital haven, continuing to serve a community of discerning thinkers and seekers. Our new mission transcends physical boundaries to embrace a world that is increasingly seeking knowledge and depth.
Skyrim: How to Make Arrows In the world of Skyrim, arrows are a vital tool for any adventurer. They can be used to hunt for food, defend yourself against enemies, or even take down dragons. But how do you make arrows in Skyrim? In this guide, we’ll walk you through the process of crafting your…
Capello Alarm Clock: How to Set the Time Your Capello alarm clock is a great way to wake up on time in the morning. But before you can use it, you need to know how to set the time. Setting the time on your Capello alarm clock is easy. Just follow these steps: 1. Press…
How to Get Water Out of a Mac Screen Your MacBook is your lifeline. It’s where you work, play, and stay connected with friends and family. So what happens when you spill water on it? Don’t panic. While it may seem like a disaster, it’s actually possible to save your Mac if you act quickly….
How to Throw an Alley-Oop in 2K22 The alley-oop is one of the most exciting plays in basketball, and it’s also one of the most difficult to pull off. But with a little practice, you can be throwing alley-oops like a pro in no time. In this guide, we’ll show you how to throw an…
How to Watch the Nuggets The Denver Nuggets are one of the most exciting teams in the NBA, and there are plenty of ways to watch them play. Whether you’re a fan in Denver or anywhere else in the world, you can catch all the action live on TV, online, or on the radio. In…
How to Use a Load Lookah The Load Lookah is a revolutionary new device that allows you to vaporize your favorite herbs without the need for a lighter or torch. It’s easy to use, portable, and produces big clouds of flavorful vapor. In this article, we’ll show you how to use a Load Lookah so…