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

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ •

  • @igorvensko
    @igorvensko  2 роки тому +5

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

  • @jesalonboard
    @jesalonboard 11 днів тому

    Bro, your instructions were so clear. I was literally struggling with the Figma animations since 2 weeks and your tutorial made me crystal clear. Thank you so much!!!!!! ❤🤗

  • @BreathingInPixels
    @BreathingInPixels 3 роки тому +18

    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.

  • @creatorsmafia
    @creatorsmafia Рік тому

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

  • @mohitattri8006
    @mohitattri8006 2 роки тому

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

    • @igorvensko
      @igorvensko  2 роки тому

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

  • @phatsojr
    @phatsojr 3 роки тому +3

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

    • @phatsojr
      @phatsojr 3 роки тому

      @@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
      @opensea2985 2 роки тому

      @@phatsojr start with figma

  • @cholson
    @cholson 2 роки тому +28

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

    • @igorvensko
      @igorvensko  2 роки тому

      You're welcome and thank you.

  • @ahmed3261
    @ahmed3261 2 роки тому +1

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

  • @Arias_AndresToro
    @Arias_AndresToro 3 місяці тому

    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

  • @ReibanZapata
    @ReibanZapata 2 роки тому

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

  • @TalhaUs2244
    @TalhaUs2244 2 роки тому

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

    • @TalhaUs2244
      @TalhaUs2244 2 роки тому

      @@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

  • @josephjoshuajoseph9749
    @josephjoshuajoseph9749 2 роки тому

    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

  • @aghuraba
    @aghuraba Рік тому

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

  • @omaryaa_
    @omaryaa_ 3 роки тому +3

    So much value in a single video ✨🙏🏼

  • @chalagrama
    @chalagrama 2 роки тому

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

  • @shubhamcane
    @shubhamcane Рік тому +1

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

  • @adrianbboy111222
    @adrianbboy111222 Рік тому +1

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

  • @dopetag
    @dopetag 2 роки тому

    Igor, this was top notch approach! Thanks 🙌

  • @aymenomar09
    @aymenomar09 2 роки тому

    you are amazing man , best youtube tutos ever

  • @subhash2403
    @subhash2403 2 роки тому +1

    Igor thank you so so much 🙏❤

  • @salauddineshad7048
    @salauddineshad7048 2 роки тому +2

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

  • @NikolausBrocke
    @NikolausBrocke 2 роки тому +1

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

  • @jeffjeff6385
    @jeffjeff6385 Рік тому

    Wow! Insane tutorial. Thank you, Igor!

  • @gayandanston2712
    @gayandanston2712 3 роки тому +1

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

  • @maharlikafederation2661
    @maharlikafederation2661 2 роки тому +1

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

  • @mrkirkx
    @mrkirkx Рік тому

    Wow, really nice explanation and cool design! Kudos!

  • @aidadaist
    @aidadaist 2 роки тому +9

    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
      @igorvensko  2 роки тому +2

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

    • @aidadaist
      @aidadaist 2 роки тому

      @@igorvensko Great, thank you! 🙏

  • @FuelandFire0
    @FuelandFire0 3 роки тому +3

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

  • @uxdeya7660
    @uxdeya7660 2 роки тому

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

  • @ShajithaG
    @ShajithaG 2 роки тому +3

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

    • @igorvensko
      @igorvensko  2 роки тому

      Thanks. Next tutorials will be in Figma.

    • @HamzaAhmed-l2u
      @HamzaAhmed-l2u Рік тому

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

  • @surajbherwani5488
    @surajbherwani5488 2 роки тому

    I love the way you speak. Good tutorial 👌

    • @igorvensko
      @igorvensko  2 роки тому

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

  • @jean-lais
    @jean-lais Рік тому

    Thank you for sharing your interaction design skills.

  • @DmytroPtushko
    @DmytroPtushko Рік тому

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

    • @igorvensko
      @igorvensko  Рік тому

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

  • @samisak_kids
    @samisak_kids 3 роки тому

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

  • @ThanhNguyen-tz1fp
    @ThanhNguyen-tz1fp 2 роки тому

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

  • @Catalino_
    @Catalino_ Рік тому

    Great animation and design.!!

  • @35dagor
    @35dagor 3 роки тому +2

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

  • @kaidjohar3408
    @kaidjohar3408 2 роки тому +1

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

  • @mariakalozoumi1282
    @mariakalozoumi1282 Рік тому

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

  • @thanhinhtien4425
    @thanhinhtien4425 3 роки тому +1

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

  • @ginga4eva
    @ginga4eva 2 роки тому

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

  • @xamznerol
    @xamznerol 2 роки тому

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

  • @smelaby1069
    @smelaby1069 3 роки тому +1

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

  • @ФёдорБлинов-и2я
    @ФёдорБлинов-и2я 2 роки тому

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

    • @igorvensko
      @igorvensko  2 роки тому

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

  • @NicoFromTheWaves
    @NicoFromTheWaves Рік тому

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

  • @lali0050
    @lali0050 Рік тому

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

  • @santhoshkumars1116
    @santhoshkumars1116 2 роки тому

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

  • @ajiboyeolorunjuwon7444
    @ajiboyeolorunjuwon7444 2 роки тому

    Youre really Awesome man, this is so incredible

  • @jswanson859
    @jswanson859 3 роки тому +1

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

  • @fasihullah2957
    @fasihullah2957 2 роки тому +2

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

  • @Ervino_rainy
    @Ervino_rainy 2 роки тому

    Thank you for sharing your skill and instruction

  • @rascnn
    @rascnn 2 роки тому +1

    This is sooooo dope and detailed. Thank you.

  • @1387kp
    @1387kp 2 роки тому

    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)

  • @juliaferreira1168
    @juliaferreira1168 3 роки тому +2

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

  • @SrinivasReddy07
    @SrinivasReddy07 3 роки тому +1

    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. 🙏🏻

  • @thejudejoshua
    @thejudejoshua 2 роки тому

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

  • @Joanne0728
    @Joanne0728 Рік тому

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

    • @igorvensko
      @igorvensko  Рік тому

      Thanks! Just practice and you'll be fine.

  • @FelipeGarcia-yi4nm
    @FelipeGarcia-yi4nm 2 роки тому

    you save my work bro. Thanks

  • @samsmedia5640
    @samsmedia5640 3 роки тому +3

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

  • @miftahulhadi4585
    @miftahulhadi4585 2 роки тому

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

  • @talhasaeed
    @talhasaeed Рік тому

    great tutorial, loved it!!

  • @PerryBiston
    @PerryBiston 5 місяців тому

    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.

  • @giovannygomezrincon8118
    @giovannygomezrincon8118 2 роки тому

    Fantastic work. very useful. Thanks

  • @mehdimoradi4579
    @mehdimoradi4579 2 роки тому

    You are the best ❤❤

  • @valeriiafomenko6694
    @valeriiafomenko6694 2 роки тому

    Wow, cool method. Thank U, man!

  • @tnasiareid
    @tnasiareid 2 роки тому

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

    • @igorvensko
      @igorvensko  2 роки тому +1

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

  • @Rahulkumar-mv1ic
    @Rahulkumar-mv1ic Рік тому

    Thank you so much for this video🤧

  • @shaikhfaqrunnisha2520
    @shaikhfaqrunnisha2520 3 місяці тому

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

    • @igorvensko
      @igorvensko  3 місяці тому +1

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

  • @adyatelang9461
    @adyatelang9461 2 роки тому

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

  • @princedhiman2205
    @princedhiman2205 2 роки тому +1

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

  • @OzbegimMarketing
    @OzbegimMarketing 3 роки тому

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

  • @amanuelderesse398
    @amanuelderesse398 3 роки тому

    Its amazing thanks igor

  • @prakashanuvadia8870
    @prakashanuvadia8870 2 роки тому

    wow good explain ,simple animation👍

  • @TarcisiousKuateRasegojwa
    @TarcisiousKuateRasegojwa 2 роки тому

    this was well detailed

  • @valyang5106
    @valyang5106 2 роки тому

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

    • @igorvensko
      @igorvensko  2 роки тому

      You're welcome!

    • @emanfatima5801
      @emanfatima5801 2 роки тому

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

    • @igorvensko
      @igorvensko  2 роки тому

      @@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.

  • @yavnodesign
    @yavnodesign 2 роки тому

    thanks for the tutorial! Very smart proccess

  • @renedesamble6936
    @renedesamble6936 2 роки тому

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

    • @igorvensko
      @igorvensko  2 роки тому

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

  • @NavesNiche
    @NavesNiche 2 роки тому

    that's really good stuff! thank you!

  • @studioencrelumiere7343
    @studioencrelumiere7343 2 роки тому

    Great lesson. Thank you !

  • @anigrigoryan1951
    @anigrigoryan1951 2 роки тому

    very simple explanation, thanks

  • @zhifuxi8252
    @zhifuxi8252 3 роки тому

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

  • @ziznzazz8740
    @ziznzazz8740 3 роки тому

    Great tutorial. Thanks for sharing.

  • @rahulkh9361
    @rahulkh9361 3 роки тому +8

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

  • @sharifasheikh-tf6jh
    @sharifasheikh-tf6jh 11 місяців тому

    Impressive 🤩

  • @ksohan
    @ksohan 5 місяців тому +1

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

  • @touseefahmed656
    @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
      @igorvensko  Рік тому

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

  • @Pythonnaire
    @Pythonnaire 2 роки тому

    So pleasant, what i was looking for!

  • @vytran4448
    @vytran4448 2 роки тому

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

  • @jonathanmendoza4871
    @jonathanmendoza4871 2 роки тому +1

    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
      @igorvensko  2 роки тому

      hi, you can use images from company social media.

  • @gradientMesh
    @gradientMesh 3 роки тому

    Amazing. Thank you for sharing!

  • @sakshimodi2536
    @sakshimodi2536 2 роки тому

    this is soo helpful...thank you so much :)

  • @marekstepanek1214
    @marekstepanek1214 3 роки тому

    Wow you are really great!

  • @Unclejjimmy
    @Unclejjimmy 2 роки тому +3

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

    • @igorvensko
      @igorvensko  2 роки тому

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

    • @ghadahalsuhaibani7135
      @ghadahalsuhaibani7135 2 роки тому

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

  • @NusratJahan-yx2ud
    @NusratJahan-yx2ud 11 місяців тому

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

    • @igorvensko
      @igorvensko  10 місяців тому

      Bottle and cap from client.

  • @RutaNorm
    @RutaNorm 3 роки тому +1

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

  • @brezhnev89
    @brezhnev89 2 роки тому

    Great Demo! wow

  • @Multimedia_Mentor
    @Multimedia_Mentor Рік тому

    Keep going on bro

  • @mujadadhussain1383
    @mujadadhussain1383 2 роки тому

    Very nice !!

  • @silvinapedersen
    @silvinapedersen 3 роки тому

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

  • @businessmotivation2
    @businessmotivation2 3 роки тому

    Its real hard but loving work