Figma Drag Card Animation

Поділитися
Вставка
  • Опубліковано 20 січ 2025

КОМЕНТАРІ • 89

  • @matthewheard9010
    @matthewheard9010 2 роки тому +4

    bro excuse my language but dam you are cold at Figma!!! wow, amazing teacher as well thanks for these tutorials they really help! Simplistic and very effective !!😎😎👍🏾

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

      Well Matthew…. YOU JUST MADE MY DAY! Thank you 🙏

  • @emmanuelsevor2940
    @emmanuelsevor2940 26 днів тому +1

    I Loved this Video, And your glasses rocked great on you😀.

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

    Wow! What a quality of the video! Good job man :D

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

    Gal thank you SO much! You helped me tremendously with my experimental design app in Figma for my master thesis! Can't thank you enough. Please upload more useful tips on how to prototype using Figma! And your editing skills are of another planet. This tutorial was a JOY! Have a nice day :)

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

      Oh wow 🤩 you made my day! Thank you for sharing. I promise more good stuff to come! You are welcome to check out todays video as well 😉

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

    Love it. The explanations are easy to understand especially, for a beginner like me. ❤

  • @masternano
    @masternano Рік тому +2

    Hi Gal, Please can you point mre to or make a video of a figma prototype of a component that changes state upon scrolling in the page

  • @Gal_Barzilay
    @Gal_Barzilay  2 роки тому +6

    Hi family 👋 if there is anything you like me to make a tutorial about drop a comment down below 👇

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

      website scrollspy animation would be nice..thanks man for this video tut

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

      @@mohammedshamil3976 website scrollspy?

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

    Thanks, Gal Bar. I appreciated your instruction.

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

    The editing is amazing. Best part is from 2:03 - 2:13 . Don't miss that guys.

  • @usmantesilimat486
    @usmantesilimat486 7 місяців тому +1

    Hello Gal, what if the movie cards that you’ll like to swap this way are at the center of the page? I tried this but everytime I drag, It goes back to the beginning of the page and then I have to scroll down to see the effects

  • @Hamza-gv2pz
    @Hamza-gv2pz 2 роки тому +2

    THANK YOU SO MUCH, I REALLY APPRECIATE ALL OF THESE HELPFUL VIDEOS

  • @ShaikAjmal-hj9yr
    @ShaikAjmal-hj9yr Рік тому +1

    Can u please help me out with the vertical and horizontal swipe in one frame

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

      You have to have multiple frames in order to pull it off ✌️

  • @spiritualvibration362
    @spiritualvibration362 Рік тому +2

    Hello Sir can make one video on Drag and drop in Figma, vertically and horizontally?

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

    East peasy tutorial! Love it

  • @ranasameh4584
    @ranasameh4584 2 місяці тому

    Thank you so much this is amazing and super easy to understand!

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

    Can you please make a video on how to keep primary tab at fixed position

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

    This was majorly helpful! Thanks for saving me from pulling my hair out ❤🙌🏾

  • @KarthikNaidu-er4km
    @KarthikNaidu-er4km 2 роки тому +1

    Awesome tut! well explained

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

    Thank you !!

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

    Thanks dude very helpful

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

    basically a frame by frame animation but the play and rewind buttons are dragging motion

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

    You're the reason why the dev team hate my guts haha!

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

    Thank you so much bro

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

    Thank you so much!

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

    Heyiii thank you so much!!! Damn useful 🔥🫶🫶🫶

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

    Perfect 😍

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

    Hi how can you make something similiar but to go/drag around the same axis like a wheel (and you keep seeing the moving card behind but smaller)?

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

    I'm having trouble with the return interaction (swiping back). I add it to the object, but it doesn't appear in the same handle like yours, but on the left of the object and doesn't swipe back. I can see the 2 interactions in the prototype menu and they're going to the correct screens...

    • @Gal_Barzilay
      @Gal_Barzilay  Рік тому +2

      Make sure you use the exact same names for your layers across all frames

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

      ​@@Gal_Barzilay They are the same but thanks for the reply

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

    Hi Gal, did Figma make an update b/c this doesn't seeming working anymore, i followed your steps already

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

      Did you make sure to use the exact same layer names across all frames?

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

      @@Gal_Barzilay Yeah its not working for me either. When I drag, it just fades into the next screen and then stops working

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

      @@Gal_Barzilay and should I put on Horizontal Scrolling

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

      @@Gal_Barzilay Oh nvm!!! For some reason the contents of my carousel came out the frame so it was being seen as a different layer. Thats why smart animate didn't work! Great tutorial!!!

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

      @@Gal_Barzilay Thank you for this video , but I have question why do name all layers have the same name?

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

    Great video 🎉

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

    How to cmd + Y in Windows?
    CTRL + Y doesn't work like that

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

      Shift + O or Control + O or google it 😉

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

    I have a problem. I have two carousels and created a multiple drag screens for both carousels. However, on testing my design, once I swipe the first carousel, the second carousel also swipes. How do I make this not happen?

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

      Change the layers names. Give each layer a unique name and keep the consistent on each frame.

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

      @@Gal_Barzilay I just did that. Still having the same response in the preview mode.
      Maybe I should restructure my question.
      Is it possible to have multiple carousel sliders on a screen? If yes, how do you go about it?

  • @jovenanthony7229
    @jovenanthony7229 6 місяців тому

    how to make it loop?

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

    Hi Gal. Lovely video!!! I am new to Figma, so I apologise if this question sounds stupid. How do you switch on all of the measuring and grid lines when you're in outline mode? Cheers.

    • @Gal_Barzilay
      @Gal_Barzilay  Рік тому +2

      Shift+R on your keyboard. Thank you for the kind words 😉

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

    Thank you a lot

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

    thank you

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

    How to make that animation work without having other components from moving? I have a nav bar that I want it to remain stationary and not swipe with the middle content. thanks

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

      I don’t understand the question brother

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

      @@Gal_Barzilay The header navigation bar at the top would slide with the rest of the content . It looks odd to see it move and to see a duplicate underneath. The scrolling is to be left to right middle section only not to include the top navigation bar. I made multiple frames with same navigation bar thinking that I had to.

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

      @@bjmgraphics617 not sure why you thought you had to include it but hopefully it will work for you ✌️

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

    awesome 😀

  • @ShanMuhammad-ny8dp
    @ShanMuhammad-ny8dp Рік тому +1

    Thanks

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

    i do the exactly same thing and try 6-7 times. Idk why but mines is not scroll like that. my prototype looks like its fade in fadeout, nothing is scale and scroll please help

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

      It’s probably you didn’t have the same exact name to your layers across all your frames…

  • @AbdulKhaliq-yg7dc
    @AbdulKhaliq-yg7dc 9 місяців тому

    Do you provide source code

  • @Ve.for.victory.
    @Ve.for.victory. Рік тому +1

    Best video 📸

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

    תודה!

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

    Do you need to make frame for those cards? Like you do in adobe or you can animate just one part so all other objest stays in? I am just switching from adobe to figma and already found it confusing. Swipe interaction now got complex ahhahaha anyway thanks for video. i hope it will fix all problems with swipe soon

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

      Welcome to the wonderful world of Figma! As for someone who moved from Xd to Figma I can tell you it is so much better! As for your Q, no need to create a frame for those cards…

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

      @@Gal_Barzilay Oh thanks men , saved half of my life. Peace!

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

    Thanks a lot Guru 🤩

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

    Thank you so mcuh!! and I have a question in portuguese 😬Como você consegue gravar o protótipo assim (Part 2:03 at 2:12)?

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

    1:19 how to do in windows

    • @Gal_Barzilay
      @Gal_Barzilay  Рік тому +2

      Watch my video on Figma keyboard shortcuts ✌️

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

    wow🤩

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

    My figma only goes to the right
    sh*t

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

      I’m sure if you pay attention to the details and do it step by step you will be able to solve it ✌️

    • @cyberfiber2873
      @cyberfiber2873 7 місяців тому

      Have you found the solution yet?