Video není dostupné.
Omlouváme se.

Full Page Scroll Animation in 10 Minutes | Figma Tutorial

Sdílet
Vložit
  • čas přidán 15. 04. 2024
  • Sign up to Milanote for free with no time limit: milanote.com/d...
    In today's video, I'm going to show you how to create a full-page scroll animation in Figma without a Scroll trigger.
    You can get a copy of the practice file from here👇:
    bit.ly/4cS1iHb
    👉 Become a Pro UI Designer with my UI Design & Figma Mastery course:
    bit.ly/43v79vX
    📸 Instagram: / uiux.arash
    Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 10+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 40,000 students become UI/UX designers from scratch worldwide.

Komentáře • 42

  • @DesignWithArash
    @DesignWithArash  Před 4 měsíci +2

    Thanks to Milanote for sponsoring this video! Sign up for free and start your next creative project: milanote.com/designwitharash

  • @gopichand2443
    @gopichand2443 Před 4 měsíci +14

    I wish Figma could implement 'On Scroll' event as well because 'after delay' has different purpose and it runs if even if you don't scroll.❤

  • @cal_isal343
    @cal_isal343 Před 8 dny +1

    Thankyou for the video, really inspiring! Can't wait to see the other tricks!
    I don't know that the "component" could be creating something super cool!

  • @rajendramirji3731
    @rajendramirji3731 Před 4 měsíci

    There is always something new Arash that you bring into the market of UI Designing. I guess it's my opinion. But not much people are doing, to bring life into this subject of UI Designing. Super needed video mate. Thanks a lot looking forward to some more intuitive insights by you. Thanks again.

  • @aribee723
    @aribee723 Před 4 měsíci +1

    Fantastic video tutorial Arash! Thank you! 😊

  • @jayasrivastava3690
    @jayasrivastava3690 Před 3 měsíci

    This helped me so much!! Thanks a lot!! Your way of teaching is great.

  • @saniasohail9727
    @saniasohail9727 Před 4 měsíci

    this video was much needed !! I was searching from so long like how to do page scroll animation in figma ! and you did it so wonderfully !😍 thanks alottt!

  • @navyach193
    @navyach193 Před měsícem

    Great explanation, thanks!

  • @nabilacahya5172
    @nabilacahya5172 Před 23 dny

    How can we export this animation to Wordpress Elementor?

  • @ZukoAdriansyah
    @ZukoAdriansyah Před 23 dny

    Let's say that I finished this scroll animation in my Figma. How do I convert that Figma Design (+ Animation) into my website via Elementor?

  • @monaoskoui7680
    @monaoskoui7680 Před 18 dny

    Is this scrolling named Parallax? or are they two different things?

  • @fitiavanarazakandrainy8728
    @fitiavanarazakandrainy8728 Před 4 měsíci

    Amazing video Arash so helpful. Thank you

  • @YibinXia-y8w
    @YibinXia-y8w Před měsícem

    How can we export this animation to developer?

  • @Aanchalchawla-w6j
    @Aanchalchawla-w6j Před 14 dny

    The artboard is empty after making all the animations. What to do for that

  • @electriknostalgia
    @electriknostalgia Před měsícem

    what kind of scroll animation work flow would you recommend for a portfolio grid image layout that has a continuous motion video background?

  • @saniasohail9727
    @saniasohail9727 Před 4 měsíci

    Helloo Arash! hope you doing well!
    can you provide some tips and ideas on how to get first internship in UI/UX? or please if possible can you make a video on this topic? Also how to make a good portfolio in 2024 ?

    • @DesignWithArash
      @DesignWithArash  Před 3 měsíci

      Hi. Hope you are well, too. Sure. I'll make a video about it.

  • @AetherAnimates
    @AetherAnimates Před 2 měsíci

    bro pura concept bataya karo tools ke bare me templets ye sab kaha se add karte h

  • @user-eo3jz8uj9l
    @user-eo3jz8uj9l Před 2 měsíci

    Really amazing video!!

  • @muntasirhasan2744
    @muntasirhasan2744 Před 3 měsíci

    This is a great tutorial

  • @CherryGupta-vl5tf
    @CherryGupta-vl5tf Před 3 měsíci

    how to do animation while scrolling up…??? and also, when we go back to first screen and then again scroll down, animation doesnt work. How to do this?

  • @mindset1ark
    @mindset1ark Před 4 měsíci

    I learning the basic of figma and auto layout can’t build any website or mobile apps
    How to improve my self 😢

    • @DesignWithArash
      @DesignWithArash  Před 3 měsíci

      Please check out the following video.
      czcams.com/video/YqkyasAg00I/video.html&lc=Ugy9HMnmCnjMhi274VR4AaABAg

  • @mohammadaram6644
    @mohammadaram6644 Před 3 měsíci

    thanks ! is there any way to get a video file export of that in figma or you just used screen recorder?

    • @DesignWithArash
      @DesignWithArash  Před 3 měsíci

      No problem. You should just use a screen recorder.

  • @AmjadKhan-rz6nu
    @AmjadKhan-rz6nu Před 4 měsíci

    Amazing

  • @parasstoorahmaanii
    @parasstoorahmaanii Před 4 měsíci

    سلام و مرسی برای ویدیوهای مفیدتون.
    میخواستم بدونم دوره‌ای برای ما که داخل ایران هستیم و هزینه‌ی دلاریش برامون سنگینه هم در دسترس دارید؟

    • @DesignWithArash
      @DesignWithArash  Před 3 měsíci

      سلام. ممنون از شما.
      عزیزان داخل ایران میتونن دوره را با تخفیف تهیه کنن.

  • @irinabts3219
    @irinabts3219 Před 4 měsíci

    Is this also possible in Framer ?

  • @amsalkhan
    @amsalkhan Před 4 měsíci

    Really amazing video!!