Neumorphism in Figma 😍👌 | Soft UI Design (

Neumorphism in Figma | Soft UI Design - Figma Tutorial 😇
In this video you'll get to learn about neumorphism ui design using the figma. 😍 I will be demonstrating how to create neumorphism ui components inside figma so that you can quickly build your projects without having to create these neumorphic design again and again. You can pull out the neumorphic design components and quickly build your porjects.
Neumorphism design in figma is used by creating multiple drop-shadow and inner-shadow along with the same background color on which components are being created.
#Neumorphism #Figma #SoftUi #Design #UiDesign #NeumorphicUI #NeumorphismDesign #NeumorphismUI
Creating Neumorphism in Adobe Xd:
• Neumorphism Design in ...
===============Awesome Videos on CSS3====================
Placeholder Animation CSS - Floating Label Animation - Move placeholder to top | No Javscript
• Placeholder Animation ...
Responsive login form with animated input placeholder using html css & javascript
• Responsive login form ...
How to Apply Gradient Animation on button background in CSS
• How to Apply Gradient ...
Clip image to text using CSS background-clip | CSS Text Knockout Effect
• Clip image to text usi...
CSS Sticky Header - Fixed Navigation Menu Bar on Scroll using HTML5 and CSS3
• CSS Sticky Header - Fi...
Creating Automatic CSS Image slider with CSS3 animation & HTML5 | No Javascript or Jquery - Tutorial
• Creating Automatic CSS...
Simple Responsive Navigation Menu Bar with Logo on Left Using HTML5 and CSS3 Flexbox - Tutorial
• Simple Responsive Navi...
How to Create Masonry Layout CSS3 & HTML5 - Material Design Card Based Pinterest Like Column Layout
• How to Create Masonry ...
How to Create Download Link in HTML5 | Making Direct Downloadable Button for Any File Type
• How to Create Download...
How to Create Simple HTML5 / CSS3 Preloader Animation | Circular Spinner Preloader - TH-cam
• How to Create Simple H...
How to add a Preloader in Website using HTML, CSS and Javascript
• How to add a Preloader...
Find all the source codes here:
codepen.io/smashtheshell
Follow on Twitter
/ amit4kp

[@miya13213]

Amazing sharing, thank you so much 🎉

[@allanwlarsen]

A really really good instruktion - everything explaned. I’m new to Figma, and it helped me a lot. And what a cool design 🙏💪🏼

[@yoyoyolo9843]

Thank you for your tutorial. This is my first time using Figma. I am able to follow with your great instructions.

[@designedbybabs]

Thank you so much for this video! It's amazing and so useful for my work! Maybe you could include also Font/ Typography in this style, would be nice to see that too.

[@alexisabakasanga]

This was a really calm tutorial, Thank you I learnt a lot!!!

[@lostinhorizonchannel]

Thank you! As a beginner this video helps me a lot to learn something new step by step.

[@bellyjar3020]

What an amazing videoz I learned a lot from this. You made something so complicated learned simply, thank you so much ❤️

[@pabbathiramakrishna6542]

Bro, You are just awesome. I am worrying about Drop shadows from last 48 hours. You got me in 30 minutes 😅. Thanks a lot

[@user-kr7hf8bo2l]

Awsome lesson! Thank you very very much!

[@amandasalgueiro]

Amazing! Thanks for share! Please, send more videos about Figma!

[@akinroyebiayomide8333]

this content is awesome, so many things to learn within a short time. thank you

[@user-sz7is6uu7p]

Awesome!!!, thank you so much for sharing your knowledge.

[@niwala2546]

thank you so much sir, amazing video

[@NehaDevi_GudiyaVS]

This is amazing. You made everything so easy.. Thank You..

[@Epicedits2555]

Great video, learned a lot from this. can’t wait to try these on my next design.

[@smashtheshell]

Hi! Thanks for checking this video out. See how to do neumorphism in Adobe XD: th-cam.com/video/8hQ6heG82aA/w-d-xo.html
Please subscribe to help me reach 5K. 👏😊

[@doublegameplaysandscriptin977]

TNice tutorials was so detailed! Great video for beginners. Thank you!

[@imadbabi7646]

You are a living god among n, a legend worthy of praise. What you've uploaded here, will echo into eternity!

[@minoum8588]

I did it! Amazing! A million thank yous to you, my friend!

[@TheCalmWoodsman]

Light Shadow #FFFFFF at50%, x:-6, y:-6, Blur:16
Dark Shadow #D1CDC7 at 50%, X:6, Y: 6, Blur: 16
Looks better and it is main settings of neumorphism.
Awesome vid indeed!!!!!

[@KULDEEPKUMAR-yb9is]

Thank you so much sir!, I was need it

[@nikolapuszkova215]

Thanks for the vid!

[@JanobPanda]

thank you so much.I am very happy!

[@ShaliniRobinson]

Thank you so much for this Figma lesson. It's really good and you explained step-by-step really well.

[@smashtheshell]

Glad it was helpful! Thank you!

[@karthickt7]

I just learnig Figma. You're the only one who made me understand what Master. Thank Sir :)

[@MOHAMEDHASSAN-fk9jv]

Simple and fantastic 👍👍👍

[@AmiraMohamed-jf5tl]

Really cool video! I enjoyed watching the different ways we can use neumorphic components.

[@smashtheshell]

Thank you! Cheers!

[@wasabbyy]

thank you for this tutorial. great explanation!!

[@priyanshpatel-india]

Excellent video

[@juliencarvalho4881]

Nice video

[@subhraprakashmohanty8139]

Very helpful thankyou

[@kimywar]

Thank you very much, following this tutorial has been great!

[@smashtheshell]

Thank you Andreia! I am glad it helped 😊😊

[@emannofal1759]

you r such an amazing person how u make this so simple like that may allah bless u thank u soo much❤❤❤

[@KalyaniTalks]

Just amazing thanku so much

[@Fooddaddy07]

Thank you sir.. it's really helpfull and detailed .. looking forward more trading styles from your side.. 👍

[@balajin3234]

thank you soooo much for this video. ❤🙏

[@gitrextut]

very helpful and simple man.. i tNice tutorialnk i'm gonna see all your videos

[@hamidmubariz6531]

This is awesome.
Thank you.

[@snehalshukla2601]

incredible video love it i learn a lot

[@sandyyy____]

You're the only one who made me understand what "master component" is all about. Kudos to you, sir! :)

[@smashtheshell]

Glad I could help!

[@sairajshetkar3442]

Good one 👍

[@arunguile1654]

Very easy to understand ♥️keep going

[@EsmaNurEmre]

Thank you so much. It was perfect!

[@aparnas7588]

Thank you so much for this video

[@user-fl5sj7nx6b]

Thank you My Friend! :)

[@Novaprod-jn4kq]

dedication to what you want to acNice tutorialeve in life! Stay safe and be wise! Much love!

[@mohammadshakil1625]

Thanks you so much

[@misonosenpai3168]

This video is great. Thank you very much

[@daryaazarenka6497]

Thank you so much! it was very useful!

[@besaurieng]

Amazing! thank you so much :D

[@mashhoodlive]

Very well

[@kayyeful]

man. Thank you!

[@navnoorsingh288]

It's awesome! By far the best video about neumorphism!!

[@smashtheshell]

Thanks bro! 😊

[@navnoorsingh288]

@@smashtheshell 😁😁😁😁

[@luizfaria4974]

nice tuto bro, that solved!

[@bravosix6109]

Thank You!

[@BlitzYT_.]

Thank you sir

[@adesinaoluwasanmi5793]

Thanks for this

[@classyislive8547]

tNice tutorials was very help full thanks for the information

[@minsetsoo3160]

Thank you so muchh

[@1980rajashree]

Excellent video. Thankyou so much.

[@smashtheshell]

I am glad it helped! 😊

[@Idonije_E]

Wow, I love this so so much

[@zakirahmed4783]

Lot,s of tnx bro for your excellent figma videos...... & we need more figma videos...For example, figma animation videos.

[@RuztomLamundao]

can you do a full tutorial from downloading a free vst till importing into soft soft please?? im new to the interface and software

[@KULDEEPKUMAR-yb9is]

Thank you so much sir! ❤️ love form India

[@olehchornyi6193]

Thanks alot! Very clear Neumorphism presentation! Keep it up!

[@smashtheshell]

I am glad it helped!! 😊

[@sridharsrigiriraju4583]

Amazing!! Thank you so much!!

[@smashtheshell]

Glad you like it!

[@ronyshowa]

Very clear explanations and process 🙏🏾

[@smashtheshell]

Thank man! 😍 I glad you like the video

[@varshamishra9461]

Thanks!

[@morvaridmeshkini1577]

Thank you so much. You made it easy to follow! woohoooooo

[@noviyanaling695]

That's really cool and fun stuff to do so♥️

[@smashtheshell]

Great! Thank you.😊

[@daniellemclean6896]

Woah. You just changed my life!!!!!!! Thank you so much

[@smashtheshell]

Glad I could help! 😍

[@MonKiwiLuffy]

Nice video, I love

[@julietkan]

Thank you very very much!!!!!

[@smashtheshell]

Glad it helped!

[@bmp4music]

Very useful !!!!! Thank you !!!

[@smashtheshell]

Thanks I am glad it helped ☺️

[@Yusuf_dyms69]

Organization is a key to success

[@olgakontsova8761]

Thanks a lot! It was very informative and good video.

[@smashtheshell]

Glad you enjoyed it!

[@melinagolfaridan1433]

amazing thank you

[@deveshsolanki8875]

Great ✔👌⭐️

[@smashtheshell]

Thank you! Cheers!

[@MiguelRamirez-vm1ni]

nice

[@gunayfarzalibayli2172]

Thanks

[@user-kn7sl1zv4h]

10 q so much, it is very useful

[@ShopperPlug]

is it possible can you make a video to show how to extract it to HTML/CSS using anima or similar?

[@mohammadshakil1625]

Please give more of this type of bdo

[@dotcore1150]

really great content !

[@smashtheshell]

Thanks mate 😊

[@DimTragic]

Any way to use it along side the auto-layout property?

[@SURAJ-R.SOMAPPA]

u change it to "Analog app 1 TE" to get the sa soft as Nice tutorialm. Hope tNice tutorials helped!

[@zbigniewmatczak7970]

Nice job :)

[@reallyfree494]

Amazing

[@smashtheshell]

Thanks 😊

[@alexanderpan]

Thank you!

[@smashtheshell]

You're welcome! 😊😊

[@taylorskurka]

so helpful!

[@smashtheshell]

Thanks... Glad it helped 😊

[@Osmosick]

What shadow colour to choose on a white background?? Please help

[@daparthiyamini4532]

it was really very useful

[@smashtheshell]

Nice to hear that you found it useful 😊

[@theroman712]

I hope you get what you're looking for!

[@alsoualsou9]

thx!!!

[@jennyjohanagallo5360]

Nice tutorial Micheal ,is it absolutely necessary to have knowledge of soft to use tNice tutorials software?

[@smashtheshell]

Who's this Micheal? Where this video is linked? Could you share the link?

[@daDimitriTube]

Thanks for sharing. Great work. May well become a trend this. Has potential.

[@smashtheshell]

I am delightful to hear that. Thanks a lot. 😊

[@DesignSomething]

I must confess that learning how to use the software is what gets procastinating to start making soft. It scares lol

[@margaretedecruz3091]

Also your mind catches more stuff when you're interested

[@laurazanuzodeluz6571]

7:30
I did not understand. how can you let effects from the same rectangle appear in the second rectangle?

[@smashtheshell]

Hello, we're just stacking two layers of shadows on top of another to achieve two effects. You can here 8:09 on the bottom right corner. Let me know if that helps. ☺️

[@laurazanuzodeluz6571]

@@smashtheshell thanks :)

[@jocelyncostillas8704]

during the ti I wrote tNice tutorials comnt and shortly thereafter, and I allowed ti to slip by, and didn't pursue making soft. I know that