Parallax Scroll Effect - Figma Tutorial

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

КОМЕНТАРІ • 67

  • @minkzoo
    @minkzoo Рік тому +11

    Hey Adrian! Just wanted to drop a quick comment to say thanks for the awesome design content! Keep up the great work and keep those videos coming. You're an inspiration! 👍🔥

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

      Thanks a lot Stevanus! Glad to have you here 🙌

  • @yakubyilmaz3506
    @yakubyilmaz3506 Рік тому +3

    Finally a good tutorial on this effect, you explain it very well and you do it on live which is helpful! Great mic too

  • @335smileyface
    @335smileyface Рік тому +3

    Another amazing tutorial which makes even more excited about UI/UX and this whole learning process ! Thank you for what you do, I am forever grateful 😇🙏

  • @snehapandey2130
    @snehapandey2130 Місяць тому +1

    superb such a great tutorial keep share more video and smooth understanding tutorial 🔥🔥🔥keep grow

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

    Adrian!! Thank you very much for sharing with your knowledge and teaching us for free. Scroll design is my favorite and wanted to learn it for a long time. Thank you once again.

  • @mohammedrazim
    @mohammedrazim 9 місяців тому

    Love the fact that all the keys being pressed is mentioned

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

    overall best content ever on a youtube channel thanks alot

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

    Thankyou for the wonderful tutorial 🎉

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

    Amazing 🤩 let try this one. For my upcoming projects

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

      Thanks! Good luck with your projects Mustaq!

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

    I may be late on commenting but, the clock design on Instagram is sick…❤ I love it and this tutorial tooo… thanks for sharing your knowledge on Figma for upcoming web designers.. I’ll buy every thing on your gum road once I get my first job😢…

  • @sergelyon
    @sergelyon 6 місяців тому +8

    the correct name of this vid should be "Parallax Drag Effect", you didn't use Scroll

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

    I enjoy the sound with your mic so much!

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

    Awesome tutorial Adrian ! 🤩🤩 Next time can you build an app from start to finish showing all the passages in figma? That would be so useful! 🥹🥹thank you 🙏🙏

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

    Awesome tutorial thank you!

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

      Thanks John! Glad I could help :)

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

      @@uiadrian Help? Your channel is an amazing gem on youtube, hope it grows a lot!

  • @ericaamos3019
    @ericaamos3019 11 місяців тому

    Hey Adrian! I am REALLY glad to see your longer form videos on UA-cam! I watch your IG tutorials a lot! Can you please make a video on how to make 3D illustrations move. Like having little motion effects like bouncing, hover etc… thanks! 🎉

  • @yashassbhandari1114
    @yashassbhandari1114 9 місяців тому

    Amazing video man, thanks for the tutorial!

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

    Oh yeahhh!

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

    very help full video to beginners designer 👌👌👌👌👌👌

  • @MANDEEPSINGH-z9s
    @MANDEEPSINGH-z9s Рік тому

    Awesome 🙌

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

    Your first video and this video really made me think about design Hey brother how about a skillshare course ??

  • @markraimondeau3372
    @markraimondeau3372 24 дні тому

    Thanks for the great tutorial. But it only works while dragging - I don't see how to get it working on scroll

  • @DungBui-mw1ix
    @DungBui-mw1ix Рік тому

    Like first
    Watch later
    Thank u Adrian!!

    • @divyang-r7n
      @divyang-r7n Рік тому

      :scream::scream::scream:Advance Figma Magic' Tips
      youtube.com/@DD.DesignStudio?sub_confirmation=1

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

    Hi Adrian! Thanks for the amazing content as usual! I love your ebook as well and just purchased the Figma mastery course, but I wonder - is there a certificate to look forward to at the end of the course? Again, you are such an inspiration! 🙏🚀

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

    is there a way to have the figma prototype actually use the parallax effect normally instead of using the drag feature?

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

    👍👍👍👍 thanx bro u sharing a amazing vedio🥳🙏🙏

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

    Hey! Can you do a liquid fab button animation tutorial?

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

    Hi Adrian !
    I did what you said, but the pages not go up and I want it to move with the mouse scroll movement, not with the drag and drop method. how can I do that Thanks

  • @Sadman_sakib
    @Sadman_sakib Місяць тому

    Where are you bro? Are you alright? Miss ya, hope you are well 😕

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

    Do you have the entire Figma course ?

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

    Mine is still a bit choppy when I drag. How do you get it to be a smoother transition?

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

    Can we do this effect while scrolling with mouse wheel

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

      Not directly, but we could add a scroll bar and add an "On drag" trigger to it. I believe @TimGabe created a tutorial on this before :)

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

    Thanks man

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

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

    Bonjour Mr Adrian, j’apprécie vraiment ce que vous faites et j’aimerais savoir si vous faites aussi des formations en Français sur Figma

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

    Please provide these 3 Photos that you screenshot and added in the frame

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

    Sir please upload more vidoes

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

    Hi Adrian, Quick question .... How did you add the background visual around teh 5:12 timestamp?

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

      It's a design I created using this method 👉 instagram.com/p/CrLHNRNg8os/

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

    Hi! Do you have a practice file for this? Thank you!

  • @javi7299
    @javi7299 11 місяців тому

    biggg fannnnnn

  • @anonymous-sz8jq
    @anonymous-sz8jq 4 місяці тому

    heyy how did get that header from? please help

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

    Hii Sir,
    I need your help to understand about UX/UI designing..... regularly I am consuming your designing content on Instagram and I want to know about figma 3D design how can we convert figma to WordPress..... I have lots of confusion Sir please reply back

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

    Hey, I have a question, when design all of thing autolayout is needed?

  • @valueinvesting.
    @valueinvesting. Рік тому +1

    ❤❤🎉

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

    Is anyone struggling with the drag prototype effect in Figma? mine has like a stuck and slow flow

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

    Adrian please can you scroll back up? Is it possible?

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

    First,

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

      This deserves a cookie 🍪 Thanks for dropping by!

  • @arjunvegeta
    @arjunvegeta 9 місяців тому

    can you please this figma file?

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

    ❤w❤~~

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

    Plis sub indo 🙏

  • @JamieWooster-d6e
    @JamieWooster-d6e Рік тому +2

    "please dont be on a drag interaction and actually be on scroll" thumbs down, waste of time. cause all we all naturally drag when scrolling down a webpage!

    • @uiadrian
      @uiadrian  Рік тому +5

      What an idiotic comment. I explicitly state that there was no scroll trigger in Figma. Go waste someone else's time

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

    Doesn't work if there are objects sliding to the right or left. In that case one needs a scrollbar!

    • @divyang-r7n
      @divyang-r7n Рік тому

      :scream::scream::scream:Advance Figma Magic' Tips
      youtube.com/@DD.DesignStudio?sub_confirmation=1

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

    Thanks man