Figma

Neomorphism Guide

Neomorphism Guide

Neomorphism Guide is Figma mockup freebie. 

This neomorphism 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”.

The guide has two versions – light and dark. The main goal is to use a mix of familiar and analog elements in a manimalistic manner. Such effect achieved through utilizing gradients and shadows. You will see different types of buttons – flat, curved and soft, tho types of toggles, progress bar, swipe button and other elements.

Use only standard effects to achieve the desired result. Use gradients with alternating colors. Duplicate shadows with the opposite surfacing color and offset.

To use these materials, click on the title at the top and click “Duplicate to your Drafts”.

Features

  • 1 Figma file
  • Light version
  • Dark version

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

Neomorphism Guide for Figma made Alexander Plyuto

Download freebie

Enjoy this UI freebie for Figma! The design is clear and elegant so it could improve the look of any website and app design with dark or light version!

Similar resources

Please share and show some love :)

You may also like