Animated Pagination | Smart Animate Figma prototyping tutorial

Поделиться
HTML-код
  • Опубликовано: 22 окт 2024
  • In this figma tutorial you will learn how to animate the pagination circles that you see usually on various type of onboarding screen, on image, ect', indicating the user how many steps / images are there.
    I am showing a few different ways to do that.
    In this tutorial i am using mainly smart animate, a bit of Auto layout and just a very simple component and its variants.
    If you are not familiar with the basics of prototyping and animation in figma, i strongly suggest that you check out this tutorial which explains it -
    • Figma tutorial for beg...
    Using components & variants -
    • Figma tutorial: compon... (part 1)
    • Figma tutorial: compon... (part 2)
    Understanding Auto layout -
    • Figma tutoria: Auto La...
    #smartanimate #yarivbe #figmatutorial #figmacomponents #autolayout

Комментарии • 8

  • @md.iqbalhossain1794
    @md.iqbalhossain1794 Год назад +3

    A very underrated channel. I have learned so many things from here. Never give up Sir.

    • @YarivBE
      @YarivBE  Год назад +1

      Wow, i am so grateful for this amazing feedback Hossain! I highly appreciate it!! ♥⚡ Thats what keeps me going... Thank you so much!

  • @SaiArts2000
    @SaiArts2000 Год назад +1

    Obsessed with your Tutorials😊

    • @YarivBE
      @YarivBE  Год назад +1

      Thats a good one! Thanks a lot Sai 🙂✌

  • @vahiddaroughe
    @vahiddaroughe Год назад +1

    i love this prototype 😍

    • @YarivBE
      @YarivBE  Год назад

      Thanks you so much Vahid for great feedback! I really appreciate it! 🙂⚡

  • @valeriiab5699
    @valeriiab5699 Год назад

    thank you fir this video. very helpful

    • @YarivBE
      @YarivBE  Год назад

      Thank you so much Valeria for your great feedback! I really appreciate it! Happy to know it is helpful 🙂❤‍🔥