Web Design » Figma » How Do You Get Neumorphic Button in Figma?

How Do You Get Neumorphic Button in Figma?

Last updated on September 28, 2022 @ 10:44 pm

Neumorphism is a design trend that’s been gaining popularity in recent years. It’s a style that combines elements of both skeuomorphism and flat design, resulting in a look that’s both familiar and modern. Neumorphic buttons are a great way to add this style to your Figma designs.

To create a neumorphic button in Figma, start by creating a rectangular frame. Then, use the corner radius tool to round the corners of the frame.

PRO TIP: This article provides instructions on how to create a neumorphic button in Figma. However, it is important to note that neumorphism is a design trend that has been criticized for being difficult to use and understand. As such, it is important to be aware of the potential problems that may arise from using this design technique before implementing it in your own work.

Next, add two vertical lines to the frame, one on each side. These lines will serve as the button’s highlight and shadow.

To style the highlight and shadow, select the two lines and go to the fill color section of the Inspector panel. For the highlight, choose a light color, such as white or pale blue. For the shadow, choose a dark color, such as black or dark blue.

Now that your neumorphic button is styled, you can add it to your Figma designs!

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.