Figma Smart Animate Tutorial - Parallax effect with Gif animation on Website

[@igorvensko]

🎉 Hi, check my Figma Animation Course www.wizardcourse.pro

[@imad200430]

Hello. Can you selling me this Figma ?

[@OjedaCastillo]

+1

[@Arias_AndresToro]

Pensé que todo lo más Pro venía de EEUU pero veo que hay gente muy Pro en otras partes del mundo que tienen mucho que aportar a nosotros los juniors en Figma, es maravilloso lo que haces y te felicito Igor

[@cholson]

Love love love this instruction. Having a start to finish flow of how you approach things is very educational and helpful. Thank you!

[@igorvensko]

You're welcome and thank you.

[@BreathingInPixels]

Wow Man... How can you be so amazing. Completely love it. I wished a lot for such animations in Figma and here you made my day... Thank you so much Bro for sharing your talent with us.

[@phatsojr]

I'm just getting into UI/UX and thank goodness i stumbled upon your channel. Thanks!

[@phatsojr]

@@igorvensko I have a solid background in advertising. Mainly visual graphics and heavy branding. What do you recommend I must learn first, XD or Figma? Thanks.

[@opensea2985]

@@phatsojr start with figma

[@ahmed3261]

I don't usually comment on KZbin tutorials, but this video is so clear and direct to the point! so thank you Igor!

[@igorvensko]

You're welcome!

[@creatorsmafia]

I was looking for a Figma tutorial and yours came up in the search; great timing!

[@igorvensko]

Hope you enjoy!

[@omaryaa_]

So much value in a single video ✨🙏🏼

[@salauddineshad7048]

Just fantastic. Thanks a bunch for sharing such an amazing techniques.

[@FuelandFire0]

You are amazing I was wondering about these kind of animations and you made my day. Thank you so much.

[@ShajithaG]

Love the whole tutorial. Please make more such figma animation tutorials. Very much in need of them right now.

[@igorvensko]

Thanks. Next tutorials will be in Figma.

[@HamzaAhmed-l2u]

sir provide source file of figma to practice of this@@igorvensko

[@shubhamcane]

after watching this video animation is so easy to apply and also or organized. thank you

[@igorvensko]

You're welcome!

[@adrianbboy111222]

Thanks bro!! you really took me to another level in figma. I appreciated it.

[@igorvensko]

You're welcome!

[@adada1st]

Beautiful work, thank you for sharing! Your animations are so ingenious and well done. It would be great if you would show more FIGMA tutorials ;)

[@igorvensko]

Thanks. I think in future will be more tutorials in Figma.

[@adada1st]

@@igorvensko Great, thank you! 🙏

[@PerryBiston]

Could you supply a follow along file? I purchased and completed your Animation course and really enjoyed it! I would love to follow along with this one.

[@TalhaUs2244]

you are genius bro i was searching all those things which you have in your 1 video

[@TalhaUs2244]

@@igorvensko hey igor wanna ask one thing you just did one click animation but what if i wanna scroll up from second page like how it will work as you used 1 complete page and others are just consist on 2 portions just for animation please guide me

[@aghuraba]

So cooool!!!! Very beautifully explained the step-by-step process. Thank you.

[@igorvensko]

Thank you and you're welcome!

[@NikolausBrocke]

Great. This is a masterpiece. I am so inspired now for the next client site.

[@dopetag]

Igor, this was top notch approach! Thanks 🙌

[@igorvensko]

Thanks 👻

[@ksohan]

Hi! Great Tutorial! Is there a way to download the prototype animation as a GIF in Figma? Thank you.

[@jeffjeff6385]

Wow! Insane tutorial. Thank you, Igor!

[@igorvensko]

You're welcome!

[@gayandanston2712]

I'm waiting for this one 😍❤️ Thank again ✌️

[@samisak_kids]

So grateful that such people like you exist on this earth. amazing tutorial

[@subhash2403]

Igor thank you so so much 🙏❤

[@igorvensko]

You're welcome!

[@ReibanZapata]

THIS IS AWESOME! I love this, I'm earning new things here, subscribed from now on.

[@igorvensko]

Thanks!

[@smelaby1069]

Great! Thank you for your job! Please more a Figma tutorials!!!!

[@maharlikafederation2661]

Your a legend bro! Thanks so much for this tutorial!

[@igorvensko]

You're welcome!

[@jean-lais]

Thank you for sharing your interaction design skills.

[@igorvensko]

You're welcome!

[@uxdeya7660]

Man this kindaa tutorial I look forward and no one made it cool like this except you ❤️

[@igorvensko]

Thanks :)

[@mrkirkx]

Wow, really nice explanation and cool design! Kudos!

[@igorvensko]

Thank you very much!

[@35dagor]

Uno de los mejores tutoriales que he visto.!!! Great Tutorial, Thanks!!!

[@jswanson859]

Great Tutorial. I'll be trying this on my own project. Thanks for sharing.

[@ginga4eva]

Unreal brother. Wonderful job. Thank you for sharing your skills and instruction.

[@igorvensko]

Thanks. You're welcome

[@ФёдорБлинов-и2я]

Спасибо Игорь, я случайно забрел на такой крутой туториал, невероятно!)

[@igorvensko]

Рад, чтобы было полезно.

[@ThanhNguyen-tz1fp]

It's awesome, man. Love love it so much!! Wish you be great and make some more videos like this.

[@igorvensko]

More videos upcoming.

[@kaidjohar3408]

Hello sir u are doing a great job I really appreciate your efforts thank you soo much. God bless you

[@igorvensko]

Thanks and welcome

[@NicoFromTheWaves]

Currently learning animation and prototyping. This is so helpful, thank you!

[@igorvensko]

Glad it was helpful!

[@mohitattri8006]

Hii Sir, This is an Amazing Tutorial on Animation in Figma Looking forward to seeing some more tutorials on Figma animation.

[@igorvensko]

Do my best, the channel is more like a hobby.

[@fasihullah2957]

Amazing! Beautiful work and wonderful techniques :) Thank you!

[@igorvensko]

You're welcome!

[@josephjoshuajoseph9749]

you look like you are enjoying making this animations hahah i cant imagine how the developer would react if i did this as well XD thank you so much for the idea

[@igorvensko]

You're welcome!

[@SrinivasReddy07]

Thank you for sharing... Its just awesome... So much learned.. You just master in such smooth animations and prototype. Please do a mobile app prototype as well. 🙏🏻

[@Catalino_]

Great animation and design.!!

[@xamznerol]

This is the best animation tutorial for figma i've ever seen! Thanks so much!

[@igorvensko]

Thanks!

[@shaikhfaqrunnisha2520]

Hi Igor, thank you formaking this tutorial. Quick question - can we add this full figma prototype to the behance directly?

[@igorvensko]

Hi, we can add Prototype as Embed to Behance project.

[@aymenomar09]

you are amazing man , best youtube tutos ever

[@igorvensko]

Thanks. Do my best.

[@juliaferreira1168]

That was really amazing,, thank you for this video, it helps a lot

[@chalagrama]

I’M IN AWE SIR! YOU’RE THE BEST! 👏👏👏

[@igorvensko]

Thanks!

[@DmytroPtushko]

Наконец я нашел полное объяснение данному эффекту на примере лэндинга.Круто,пошагово,с описанием, доступно. Спасибо!

[@igorvensko]

Рад, что было полезно.

[@thanhinhtien4425]

Amazing video. Thank you! New update from figma so helpful ! =))).

[@santhoshkumars1116]

Thank you man i just wanted to view this type of video and i found this it really helped to boost my skills

[@igorvensko]

You're welcome!

[@mariakalozoumi1282]

great!! I was looking for something like this. Thank you!

[@igorvensko]

Glad it was helpful!

[@hadentrader1943]

Nice! How do you convert the entire animation to landing page or web pages? Do you have to code the whole thing?

[@igorvensko]

Yes, but I create only design and send project and assets to frontend developer.

[@ghadahalsuhaibani7135]

@@igorvensko What do assets contain? html ,css ,js?

[@rascnn]

This is sooooo dope and detailed. Thank you.

[@igorvensko]

Thanks

[@samsmedia5640]

How to add figma animation in landing page or web pages?

[@surajbherwani5488]

I love the way you speak. Good tutorial 👌

[@igorvensko]

Thanks, I am not a native speaker and do my best

[@jonathanmendoza4871]

Nice animation, i am learning this semester UI/UX, my question is, how i can get that material or the images that you are using to practice myselft?

[@igorvensko]

hi, you can use images from company social media.

[@Ervino_rainy]

Thank you for sharing your skill and instruction

[@igorvensko]

You're welcome!

[@princedhiman2205]

Which tool is best for to convert into svg files. Like this please help me out.

[@PodClips-xc4su]

Você consegue fazer animate com um vídeos? Por exemplo, um carro em movimento, zoom in na roda, depois zoom out numa janela e depois zoom out mostrando todo ele? Fica a dica. Valeu o vídeo. Grande abraço do Brasil.

[@RutaNorm]

This is just amazing! Just was wondering how to sapparte bottle from the cap? It looks insane 🤩

[@rahulkh9361]

Yaa this tutorial is really awesome but where to find high-resolution png files (like the bottle).

[@ifechukwuasiadiachi2124]

You can build one in cinema 3d/ octane

[@ravienmacasaet]

Envato?

[@just80085]

Rawpixels or check gumroad

[@1387kp]

really cool) i searched for a video about an animation for a long time and couldn't find some answers and youtube recommend your video, where i found aaaaall i need) easy and understandable) thank you a lot)

[@igorvensko]

You're welcome!

[@arysumberdana272]

Very great tutorial!

[@NusratJahan-yx2ud]

Great! We want to learn more from you. How did you get the bottle image?

[@igorvensko]

Bottle and cap from client.

[@lfataichiedinburgh3792]

I've never used Figma before till watching you this is an amazing tutorial. How do you take from figma to wordpress? thanks again.

[@igorvensko]

Unfortunately, I only create designs, without coding. To developers I send all assets and video with explanations of how it works. And developers recreate it in the code.

[@maximilianwinkler751]

Amazing tutorial and great animations! But how would you realize this animations in CSS?

[@igorvensko]

Thanks. I create only designs, without coding. Prepare files and send to developers.

[@thejudejoshua]

Heyy man, this is so wonderful and educational. Thank you for sharing!

[@igorvensko]

You're welcome!

[@touseefahmed656]

Thanks for this wonderful tutorial, these interactions can't be export in any format like gif/json/video etc. So you have a done a great job butt for the front-end developer little tough to implement the same animation.

[@igorvensko]

Everything is possible, only time and skills are needed. I can help the developer morally 😀

[@zhifuxi8252]

兄嘚，你的每个视频都很棒，非常感谢你专业的分享，持续支持，掌声，鲜花，闪光灯~

[@lali0050]

thank you so much, this is what I'm looking for so such time.

[@igorvensko]

You're welcome!

[@giovannygomezrincon8118]

Fantastic work. very useful. Thanks

[@igorvensko]

Glad it was helpful!

[@ajiboyeolorunjuwon7444]

Youre really Awesome man, this is so incredible

[@igorvensko]

Thanks a lot!

[@silvinapedersen]

Thank you for this amazing tutorial!!! You know Gif in prototype take long time to start... do you have any suggestion?

[@miftahulhadi4585]

This really awesome tutorial.. thanks so much for video..

[@igorvensko]

You're welcome!

[@Joanne0728]

Wow, it’s amazing 🤩. I wish I will be able to make like this one day 👍

[@igorvensko]

Thanks! Just practice and you'll be fine.

[@AndersonSilvaart]

your process is amazing! i thinking about the infinite possibilities if you use threejs for use 3d elements too. Congratulations!

[@igorvensko]

Hi, thanks. But I do only design (graphic part). And yes, I want to use 3d in designs but cant find time for to deep study 3d.

[@amanuelderesse398]

Its amazing thanks igor

[@Pythonnaire]

So pleasant, what i was looking for!

[@renedesamble6936]

Спасибо за туториал! То что искал!)

[@igorvensko]

Рад что было полезно.

[@tnasiareid]

This is amazing! I can't wait to be able to design like this

[@igorvensko]

Thanks. Just practice every day and everything will be easy.

[@ziznzazz8740]

Great tutorial. Thanks for sharing.

[@OzbegimMarketing]

you are best of the best in the world! Thank you very much!

[@anigrigoryan1951]

very simple explanation, thanks

[@igorvensko]

You are welcome!

[@FelipeGarcia-yi4nm]

you save my work bro. Thanks

[@igorvensko]

Welcome 👍

[@vytran4448]

Thank for your kindness tutorial so much . It's really helpful for me . Especially , Figma beginner

[@igorvensko]

You're welcome!

[@TarcisiousKuateRasegojwa]

this was well detailed

[@igorvensko]

Thanks.

[@studioencrelumiere7343]

Great lesson. Thank you !

[@igorvensko]

You're welcome!

[@talhasaeed]

great tutorial, loved it!!

[@igorvensko]

Thank you!

[@NavesNiche]

that's really good stuff! thank you!

[@igorvensko]

You're welcome!

[@yavnoanton]

thanks for the tutorial! Very smart proccess

[@igorvensko]

Thanks!

[@gradientMesh]

Amazing. Thank you for sharing!

[@valeriiafomenko6694]

Wow, cool method. Thank U, man!

[@igorvensko]

You're welcome!

[@valyang5106]

Damn this is so so great and sleek I love this. Thank you so much for bringing this!

[@igorvensko]

You're welcome!

[@emanfatima5801]

hi ... can you tell me how can we scroll back in preview to see previous section of page with animation.......

[@igorvensko]

@@emanfatima5801 hi, for each artboard we can create Flow starting point in right panel. and when we go to Present project we will have Flows on left panel.

[@sawancenarock]

Great, but can you please share how it will look in mobile devices? Since 90 percent audience uses mobile devices.

[@sawancenarock]

@@igorvensko Will you be creating mobile versions in future?

[@philou1516]

Hi, really great tutorial! I just wondered what will be the instructions for the developpers. I mean, those animations will happen when the users will scrolling down I guess and not by clicking on each part of the page, right?

[@igorvensko]

Yes, animation with scrolling page, but I cant show scrolling page with animation in Figma and use transition between artboards.

[@businessmotivation2]

Its real hard but loving work

[@adyatelang9461]

Thank you so much sir, this video is a great help

[@igorvensko]

You're welcome!

[@Rahulkumar-mv1ic]

Thank you so much for this video🤧

[@igorvensko]

You're welcome!

[@arinolanike422]

Great work..infact am loving it..but I wanna try it but and I cant see the file..Any help with that.

[@KareemSadekGI]

can this be recreated in XD ? and really nice tutorials in almost every way, thanks for sharing

[@igorvensko]

Yes, we can create this animation in Adobe but without champagne effect.