How to Create Neumorphic (Soft UI) Button | Figma Tutorial

In today's episode, you'll learn how to create basic neumorphic button in Figma. Neumorphism is recently becoming a trend in UI (user interface) design, so knowing how to create it is a-must for any designers. This is extremely easy Figma tutorial, so enjoy the video!

Hex Color Code :
Background & main button 8F8F8F & 414141
Shadow & highlight ADADAD & 282828
Icon 59FFF5 & 00CBBF

Icon source :

p.s. enable the subtitle for brief explanation

━━━━━━━━━━━━━━

Basic Illustrator Tutorial

Other Illustrator Tutorial

━━━━━━━━━━━━━━

━━━━━━━━━━━━━━

Track Info 1

Track Info 2
Creative Commons — Attribution 3.0 Unported— CC BY 3.0

━━━━━━━━━━━━━━

#UIdesign #neumorphism #neumorphicdesign #buttondesign #button #neumorphicbutton #softUI #UI

[yoshithakuntumalla]

Great tutorial. As a beginner, this is very helpful for me. 😊

[naitikkathiriya]

Truly inspiration taking perfecting place for me your video! Just looking for this type of buttons that it's edges is differently effect making, so beautifuly, wonna learn and did✨✔️
Thanx dude.

[Trueblood_Enod]

I literally just so LOVE 😍 your choice of soundtrack for this tutorial, it got me watching it over n over....😋😋 Your tutorial is truly great and simple.

[prestonchaussee]

very skilled do a robot voice over in English awsome work will be using this on the app for out target Bantry systems.

[tiktokshorts]

better place, I want to take tNice tutorials seriously and tryhard my way into tNice tutorials industry. The people who put in the most work are the most

[Siemenneste]

i dont understand anytNice tutorialng! all the tutorials out there are so complicated and everyone is saying its easy, beginning to tNice tutorialnk i might be