Neumorphism UI Trend 2020

Neumorphism UI Kit for Figma

Neumorphism UI Trend 2020 is Figma mockup freebie. 

This neumorphism freebie is super stylish and minimalistic UI trend. For example with this UI kit you can make the buttons to look like real buttons that pop out of your screen! The design is clear and elegant so it could improve the look of any website and app design.

Neumorphic card pretends to extrude from the background. It’s a raised shape made from the exact same material as the background. When we look at it from the side we see that it doesn’t “float”.

This effect is pretty easy to achieve by playing with two shadows, one at negative values while the other at positive. But for it to work our background cannot be fully black or fully white. It needs at least a tiny bit of tint so both dark and “light” shadows will be visible. You can use any hue for the background so it can be warmer or colder depending on your choice. But white and dark shadows have to be visible on it, if slightly.


  • 1 Figma file

Feel free to use this freebie for your personal project ideas!

Neumorphism UI Trend 2020 for Figma made OTAKOYI.

Enjoy this UI freebie for Figma!

From the author

Have you already heard about the recent UI trend called “New skeuomorphism” or Neumorphism? Skeuomorphism describes how interface objects imitate/mimic their real-world counterparts in how they look or how you can interact with them. Neumorphism, in turn, is a bit more minimalistic yet juicier design approach.

For example, using shadows, you can make a “like” button look like a real (material) button that pops out of your screen, making you crave to click it. Isn’t it awesome? This trend might become a real game-changer in UI design.

Download freebie

Similar resources

Please share and show some love :)

You may also like