Neumorphism in Figma + Animations
In today's Figma animation tutorial we will design navigation in neumorphic style and then we will animate it using Figma smart animate. Neumorphism is a UI Design trend which started getting traction around a year ago, it’s a combination between skeumorphic and flat design, with addition of vivid colors.
Watch more of my videos about UX Design:
What Is UX Design • Video
Essential UX Design Tools • Video
Chapters:
00:00 Figma Animation Tutorial Overview
00:34 What we will need
01:10 Button creation
01:32 Key to Neumorphism UI
02:30 Adding icons
03:34 Active state in Neumoprphic style
04:08 Adding more buttons
04:34 Transition details
05:30 Adding more smart animate frames
05:50 Smart animate details
06:50 Preview of animations
07:30 End result
07:37 Other examples
08:31 Summary
#figma #neumorphism #ui #ux #productdesign #uidesign #figmatutorial