How to Create Full Page Website Scroll Animation In Figma | Figma Tutorial

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

КОМЕНТАРІ • 31

  • @DudeWithCoffee
    @DudeWithCoffee 9 днів тому

    To newbie, play around around in figma first if you keep failing to create similar result. 3 months ago i was struggling to not making error while following tutorials from this channel but now i can understand every single step and only need to watch the tutorial once. For the creator of this channel, your tutorials had help me grow for the past 3 months (since i decided to resign my full-time job). Thank you so much for creating great tutorials on this channel! 🤘🏼

    • @pixxelex
      @pixxelex  6 днів тому +1

      Glad the videos were helpful for you

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

    Thanks bro I found the solution I'm looking for to finish my portfolio! ❤

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

      Glad it was helpful!

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

    it is clear and very understandable.do more like this.i liked it.

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

    Thanks a lot. Amazing tutorial!

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

      You're welcome!

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

      Hello, Please give me some insight on how to do this work on the front end

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

      @@pixxelex Hello, Please give me some insight on how to do this work on the front end

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

    What an amazing video tbh
    gj man

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

      Glad you enjoyed it

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

    Wow! That's amazing!😳🤩

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

    Can you give resource?

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

    Whats the use of figma design if we have to built website in elementor ? Or its just for imagination purpose can anyone tell me ?

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

      Before beginning the development process, it is crucial to have a clear understanding of our goals. Without a proper website design in place, starting development prematurely will lead to numerous issues. Once the design is prepared, the development process will be much smoother and time-efficient.

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

    Hey bro, i created the whole design but i don't know how i can export it so it looks exacly the same on my portfolio website. Could you help me ?

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

      You can do this manually using code or utilize tools such as Framer or Webflow

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

    Can I make the same thing with the mobile version of Figma?

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

      Same question!
      How do you achieve a trigger animation when a page scrolls to the center of the screen on mobile? Because Mouse Enter doesn't work on mobile. Thanks!

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

      It's just a prototype. In the actual website, when you scroll to a section, it will trigger the display of the elements in that section. As a result, there will be no issues for mobile or any other devices.

  • @Aanchalchawla-w6j
    @Aanchalchawla-w6j 3 місяці тому

    why is the main artboard empty after making all animations, what do we do for that ?

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

      In the initial variants, we have moved all the elements out of the frame, which is reflected in the main frame.

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

  • @mohamedabdimohamed6714
    @mohamedabdimohamed6714 2 дні тому

    we need source code like images

    • @pixxelex
      @pixxelex  9 годин тому

      This is the only UI design, we can't convert it directly to the code.

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

    @Pixxelex Hello, Please give me some insight on how to do this work on the front end

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

      You can use HTML, CSS, and Javascript to code it manually.

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

    I was watching and having a lot of fun, thanks Bro 🤍

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

      Glad you enjoyed