Neumorphism in Figma 😍👌 | Soft UI Design (
HTML-код
- Опубликовано: 28 июл 2024
- 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 - RUclips
• 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
Amazing sharing, thank you so much 🎉
Awsome lesson! Thank you very very much!
This was a really calm tutorial, Thank you I learnt a lot!!!
Thank you for your tutorial. This is my first time using Figma. I am able to follow with your great instructions.
A really really good instruktion - everything explaned. I’m new to Figma, and it helped me a lot. And what a cool design 🙏💪🏼
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.
Amazing! Thanks for share! Please, send more videos about Figma!
TNice tutorials was so detailed! Great video for beginners. Thank you!
Bro, You are just awesome. I am worrying about Drop shadows from last 48 hours. You got me in 30 minutes 😅. Thanks a lot
this content is awesome, so many things to learn within a short time. thank you
What an amazing videoz I learned a lot from this. You made something so complicated learned simply, thank you so much ❤️
This is amazing. You made everything so easy.. Thank You..
I did it! Amazing! A million thank yous to you, my friend!
Awesome!!!, thank you so much for sharing your knowledge.
Thank you! As a beginner this video helps me a lot to learn something new step by step.
Very easy to understand ♥️keep going
Thank you sir.. it's really helpfull and detailed .. looking forward more trading styles from your side.. 👍
Great video, learned a lot from this. can’t wait to try these on my next design.
Thanks for the vid!
Simple and fantastic 👍👍👍
I just learnig Figma. You're the only one who made me understand what Master. Thank Sir :)
thank you soooo much for this video. ❤🙏
Good one 👍
very helpful and simple man.. i tNice tutorialnk i'm gonna see all your videos
Thank you so much for this Figma lesson. It's really good and you explained step-by-step really well.
Glad it was helpful! Thank you!
Really cool video! I enjoyed watching the different ways we can use neumorphic components.
Thank you! Cheers!
This is lovely. Thank you
incredible video love it i learn a lot
Thank you so much. It was perfect!
Very helpful thankyou
Thank you so much sir!, I was need it
thank you for this tutorial. great explanation!!
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!!!!!
This is awesome.
Thank you.
thank you so much sir, amazing video
You are a living god among n, a legend worthy of praise. What you've uploaded here, will echo into eternity!
Just amazing thanku so much
Nice video
Amazing! thank you so much :D
This video is great. Thank you very much
Thank you so much for this video
Thank you very much, following this tutorial has been great!
Thank you Andreia! I am glad it helped 😊😊
You're the only one who made me understand what "master component" is all about. Kudos to you, sir! :)
Glad I could help!
tNice tutorials was very help full thanks for the information
Excellent video
Thank you so much! it was very useful!
thank you so much.I am very happy!
Lot,s of tnx bro for your excellent figma videos...... & we need more figma videos...For example, figma animation videos.
dedication to what you want to acNice tutorialeve in life! Stay safe and be wise! Much love!
Thank You!
nice tuto bro, that solved!
Thank you My Friend! :)
you r such an amazing person how u make this so simple like that may allah bless u thank u soo much❤❤❤
man. Thank you!
Thank you so much. You made it easy to follow! woohoooooo
Thanks you so much
Thanks for this
Thanks!
Thank you sir
Wow, I love this so so much
Thank you so much sir! ❤️ love form India
Very well
Thank you so muchh
Nice video, I love
That's really cool and fun stuff to do so♥️
Great! Thank you.😊
Hi! Thanks for checking this video out. See how to do neumorphism in Adobe XD: ruclips.net/video/8hQ6heG82aA/видео.html
Please subscribe to help me reach 5K. 👏😊
Nice job :)
Amazing!! Thank you so much!!
Glad you like it!
Excellent video. Thankyou so much.
I am glad it helped! 😊
amazing thank you
Very useful !!!!! Thank you !!!
Thanks I am glad it helped ☺️
Great ✔👌⭐️
Thank you! Cheers!
It's awesome! By far the best video about neumorphism!!
Thanks bro! 😊
@@smashtheshell 😁😁😁😁
really great content !
Thanks mate 😊
10 q so much, it is very useful
Very clear explanations and process 🙏🏾
Thank man! 😍 I glad you like the video
Organization is a key to success
Thanks
Thanks alot! Very clear Neumorphism presentation! Keep it up!
I am glad it helped!! 😊
nice
can you do a full tutorial from downloading a free vst till importing into soft soft please?? im new to the interface and software
Thanks a lot! It was very informative and good video.
Glad you enjoyed it!
Woah. You just changed my life!!!!!!! Thank you so much
Glad I could help! 😍
so helpful!
Thanks... Glad it helped 😊
Please give more of this type of bdo
Thank you very very much!!!!!
Glad it helped!
Any way to use it along side the auto-layout property?
Amazing
Thanks 😊
thx!!!
Thank you!
You're welcome! 😊😊
is it possible can you make a video to show how to extract it to HTML/CSS using anima or similar?
it was really very useful
Nice to hear that you found it useful 😊
What shadow colour to choose on a white background?? Please help
I must confess that learning how to use the software is what gets procastinating to start making soft. It scares lol
I hope you get what you're looking for!
Also your mind catches more stuff when you're interested
u change it to "Analog app 1 TE" to get the sa soft as Nice tutorialm. Hope tNice tutorials helped!
Thanks for sharing. Great work. May well become a trend this. Has potential.
I am delightful to hear that. Thanks a lot. 😊
How can I put sentences like this??
Nice tutorial Micheal ,is it absolutely necessary to have knowledge of soft to use tNice tutorials software?
Who's this Micheal? Where this video is linked? Could you share the link?