Figma Parallax Image Animation Using Smart Animate — 📎 With Practice File

Learn Parallax Image and Scroll animation tutorial in Figma using Smart Animate and a little bit of Photo Editing. It's very easy to create animations and micro-interactions in Figma.

Link to Figma File

Timestamps -
0:00 Intro
1:03 Removing Background
1:38 Parallax Image Animation
5:30 Parallax Scrolling

Figma Animation tutorials

Playlist for Free and most complete Figma Course

Figma is my personal favorite Design Tool. It's one of the fastest-growing design tools right now. That's why I am creating a complete course on this to help new designers which will cover the Basics and Expert features of Figma.

If you're a beginner to Figma or planning to switch to Figma from Sketch/Adobe XD, don't forget to subscribe to this channel and hit the bell icon.

-----------------------------------------------

ABOUT ME

I am Udayraj, and I’ve created this channel to share the things I learned in the last 5 years of my career. On this channel, I’ll share Figma Tutorials, Adobe XD tutorials, Various Prototyping Tools & lots of design tips.

I am a UX Designer with 5+ years of experience. I have worked with Startups as well as Fortune 500 companies in various domains such as - Healthcare, E-commerce, Logistics/Supply Chain, Infotainment, Mobile Gaming & E-Learning.

Please subscribe and say hi in the comments or connect with me on social media :)

-----------------------------------------------

SOCIAL

-----------------------------------------------

#figma #design #figmatutorial #ui #ux

[adityabhagwat]

tum bahutt mast kaam krta uadayraj bhai !

[ofuashulammite]

I cant tell you how grateful I am, I had always been intrigued by the beautiful animations you make them so easy to understand, thank you.

[playpiano]

Congrats Uday on your new job at Google! btw expecting more interaction design videos on your channel.
: )

[annabelding]

THANK YOU SO MUCH <333 INCREDIBLE TUTORIAL!!!

[blackwinstech]

Really a great tutorial for parallax image scrolling. Until I watch this, I thought it was so difficult to do many prototype links but u made it so simple and productive way to do more things! thanks a lot, buddy

[fradiasmi]

That's simple to understand yet wonderful result! Keep it up bro!

[BiggerWallets]

Dude.. This is looking awesome.. Congrats..

[guardianangel]

awesome stuff, I like the paste of the video. You managed to keep it short while still explaining everything

[any-snazalac]

Great!!! Thank you for these amazing tutorial!

[clwdk]

Another great video. If I have one piece of feedback it would be to drop the background music. I don't think you need it to be honest. Looking forward to the next one!

[federicomatteoverde]

great tutorial man. straight to the point, thanks!

[Irfan_Shaikh]

dude you have solved my big problem. I was about to shift to Framer and then I saw this. Keep up the great work 👍🏼

[CovenantZechariah]

Thank you for the explanation. But I have problem please, I am not getting the animation part when I prototype. Also the subtitle and title are not giving the same animation as yours, please help.

[doniscoming]

Super neat! I'll be definately showing off some parallax skills in my next designs! :D Thx!

[juhichoubey]

awesome video thanks for sharing ...looking forward to learning a lot from you.

[mads]

Love your work! I have newly subscribed to your channel and love every video..very creative!

[ishitaamod]

can you do tha same in reactjs or provided some similar video?

[sriramnavin]

I wish This guy has 1m + subscribers...Dope work✌️❤️

[almusaedtaxconsultancy]

this video is very good for learning new things.but i just want to tell you sir please explain little bit slowly slowly .