Expressing it normally takes a lot of work, though,
Neumorphism plugin makes it easy.

Hanai Akihiro


How to use Figma’s “Neumorphism” plug-in|Expressing Neumorphism.

Post:2024.03.19 / Rewrite : 2024.03.19



The expression in which elements are pushed out or depressed from the background is called a "neumorphism" design.


Movie|How to use Figma’s “Neumorphism” plug-in

How to use Figma’s “Neumorphism” plug-in


The expression of an element being pushed out or depressed from the background is called a “neumorphism” design.

It takes a lot of work, such as layering drop shadows, preparing light colors, dark shadow colors, and blended neutral colors, but with the Neumorphism plug-in, it is easy to do.

First, place the element in the frame.

Search for the Neumorphism plugin in Resources.

Adjust the distance from the background, the density of the shadow color, and the way the light hits the element as desired.

It is easy to create not only the expression of being pushed out, but also the expression of being hollowed out, etc. by simply switching the “Shape” item.

The Effcts item shows that inner shadows and drop shadows are superimposed.


Contact me

I want to convey this kind of thing!
I want to express something like this!
I'm thinking about this kind of time frame and budget... 🤔
First of all, please let me know your frank requests.
I will respond with sincerity.

tel tel