How To Create a STAR RATING Component in Figma (Tutorial)

Поделиться
HTML-код
  • Опубликовано: 3 фев 2025

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

  • @UlianaGandolfi
    @UlianaGandolfi 10 месяцев назад +2

    thank you this was the most clear video I've ever seen on the creation of star rating ! I'm a beginner on figma and i feel discouraged sometimes , this helped me a lot with my project ! thank you so much!

  • @pinayhazelvlog
    @pinayhazelvlog Год назад +6

    How to fill a half color for .5 star rate?

  • @HunterLake-us9kx
    @HunterLake-us9kx Год назад +6

    I have followed this twice to build the component but mine does not work properly. In Preview or Present, When I select 5 stars (or any other rating) then select the reset button, I am now given a default variant with the 5th star active (Yellow), with the rest of them default. Any help with this?

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

      same thing happened with me

    • @Hydr0F
      @Hydr0F 11 месяцев назад

      Same

    • @tangimseng4059
      @tangimseng4059 6 месяцев назад

      actually, he skips some processes to make you, He just gonna selling his artwork

  • @SyndeSTTD
    @SyndeSTTD 2 года назад +1

    Bro can make i we are mouse go to the image then make it prespective(?)

    • @mavidesign
      @mavidesign  2 года назад

      Heyyy, not sure I follow 👀

    • @kaushik4038
      @kaushik4038 2 года назад

      you mean zooming in and out(stars getting bigger on hover)?

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

    Hi Sir I created a Star Rating Component Based on your video while iam giving the star rating it takes but the problem is when i click on reset it's reseting but iam clicking the same star rating it will not showing.Can you please tell us why Sir.It's my request

  • @zarabicha1496
    @zarabicha1496 6 месяцев назад

    Thank you, this was very good!

  • @aanuoluwapoodusanya7425
    @aanuoluwapoodusanya7425 2 года назад

    Thanks so much for this tutorial, you made understanding component and variant easy for me👍.

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

    Thanks so much 😀, Can you show us how to make a slider, when a user slides a slider to the right, a number increases?

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

      Is this what you have in mind?
      ruclips.net/video/sxVgSehsPG8/видео.html

  • @kaushik4038
    @kaushik4038 2 года назад

    to add .5 structure like 2.5, 3.5, 4.5, do I have to add subtract half side from above rectangel layer method or any other trick?

    • @mavidesign
      @mavidesign  2 года назад +1

      Yes you’d have to use shape subtraction for that (I have tutorial on that on my channel) and then also figure out how to do the interaction (would have to spend some time on that, not sure how to do that from the top of my head)
      The tutorial:
      ruclips.net/video/jgtFRxmsYCA/видео.html

  • @RelaxationHaven-ou6nz
    @RelaxationHaven-ou6nz Месяц назад

    📈😍😍Love you Srilanka

  • @strangerinyourchair
    @strangerinyourchair 2 года назад

    Great tutorial man!

  • @balti512
    @balti512 2 года назад

    Thank you bro. Its super cool 😎

  • @justaprogrammer3764
    @justaprogrammer3764 2 года назад

    welcome to RUclips, here have a comment, a like and a sub. good day

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

    Why are you in hurry....ㅠㅠ

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

    Super confusing((

  • @yaldayaghin7860
    @yaldayaghin7860 10 месяцев назад +2

    so complicating prototype ....

  • @feelcollins4358
    @feelcollins4358 Год назад +3

    too complicated

  • @mdamirhossen2066
    @mdamirhossen2066 2 года назад

    wow