Creating an Interactive Star Rating Animation in Figma | Using Interactive Components

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024

ความคิดเห็น • 39

  • @thomasclydeshouiilee4102
    @thomasclydeshouiilee4102 2 ปีที่แล้ว +1

    Thankyou sir, most concise explaination I have ever heard.

  • @namenl2205
    @namenl2205 3 ปีที่แล้ว +2

    great explanation! not too much talking, very effective explanation.

    • @DesignXstream
      @DesignXstream  3 ปีที่แล้ว

      Thank you! Glad yu liked it :)

  • @jumanahalwafi5904
    @jumanahalwafi5904 ปีที่แล้ว +1

    Wow man thank you so much for the detailed explanation!

  • @premgopal7939
    @premgopal7939 3 ปีที่แล้ว +4

    Very neatly explained ❤️

    • @DesignXstream
      @DesignXstream  3 ปีที่แล้ว +1

      Thank you! Glad you liked it :)

  • @JesusAlvarez-je9ku
    @JesusAlvarez-je9ku 2 ปีที่แล้ว +1

    Hice tal cual el proceso y funcionó! Muchas gracias !!!!!

  • @eramanpreetsingh8435
    @eramanpreetsingh8435 2 ปีที่แล้ว +1

    very good explain this video very use for me in my website.👍👍

    • @DesignXstream
      @DesignXstream  2 ปีที่แล้ว +1

      Glad it was helpful! :)

    • @eramanpreetsingh8435
      @eramanpreetsingh8435 2 ปีที่แล้ว

      @@DesignXstream can you help me create half star I m try but don't do that create a video like half star rating

  • @PirataCpr
    @PirataCpr ปีที่แล้ว

    Thanks bro! U save my life!!!

    • @DesignXstream
      @DesignXstream  ปีที่แล้ว

      Glad you found it useful! Cheers ✌🏼

  • @djashawe88923
    @djashawe88923 ปีที่แล้ว

    Thanks a lot for the great content! I guess hover interaction is happening only before selecting the star. I tried to add hover interactions at the end too but it works for some stars but not for coloured stars due to not allowing multiple interactions(tab and hover). Maybe there's a work around, but I couldn't figured it out yet. 🤓

    • @DesignXstream
      @DesignXstream  ปีที่แล้ว +1

      Ohh.. I did not notice that! Let me check it.

  • @Tresh_hermit
    @Tresh_hermit 8 หลายเดือนก่อน

    Hi i having trouble
    when i try duplicate the component the component set do not resize with the newly duplicate one

    • @DesignXstream
      @DesignXstream  8 หลายเดือนก่อน

      You can resize it with scale tool.

  • @fritchanthony9449
    @fritchanthony9449 9 หลายเดือนก่อน

    I followed your video from a to z without making any error, but just 2 stars appears with the yellow color, the other stars are not working, can you please explain why ?

    • @DesignXstream
      @DesignXstream  9 หลายเดือนก่อน

      I cannot be sure of the issue unless I look at it. However, can you check again if the other stars have interactions with on click set properly?

  • @ugehstanley1488
    @ugehstanley1488 ปีที่แล้ว

    is there a shorter way to do this ?

    • @DesignXstream
      @DesignXstream  ปีที่แล้ว

      Interactive components is the best approach to achieve this!

  • @elyelena1002
    @elyelena1002 2 ปีที่แล้ว

    Tutorial in video doesnt work, stars get stuck when you select them again. I had to download your stars and then I saw that you linked it differently than in video.

    • @DesignXstream
      @DesignXstream  2 ปีที่แล้ว

      What difference did you notice in the file?

  • @visheshgour
    @visheshgour 3 ปีที่แล้ว +1

    whenever I tried to prototype variant not showing so link going to the star not variant Idk why

    • @DesignXstream
      @DesignXstream  3 ปีที่แล้ว

      Hey Vishesh, Interactive components feature is still in its beta. If you need it to work you have to sign up for the beta program and then you will be able to link variants.

    • @tarlithagracia491
      @tarlithagracia491 3 ปีที่แล้ว

      @@DesignXstream Hey! I've signed for beta program, but it still doesn't work. The prototype link only can be linked to 1 star, not all stars in same variant. Can you help me to solve this? Thank you :)

    • @DesignXstream
      @DesignXstream  3 ปีที่แล้ว

      @@tarlithagracia491 you can link variants to each other.... you cannot link stars within the same variant. You can download this file and check how they are linked that must help. If there is still any confusion dm us on instagram @designxstream

    • @tarlithagracia491
      @tarlithagracia491 3 ปีที่แล้ว

      @@DesignXstream I have dm you. Thank you :)

    • @clementfht7552
      @clementfht7552 2 ปีที่แล้ว

      @@DesignXstream Hi ! thank you for the video, I've got the same problem, it's impossible to link one star to a variant bloc :(

  • @kriswayne7938
    @kriswayne7938 3 ปีที่แล้ว

    i3 6 gen or i5 3 gen?
    Beginner, Ux Ui.

    • @DesignXstream
      @DesignXstream  3 ปีที่แล้ว

      Figma and Adobe Xd are light weight tools. So a basic configuration should be fine to get started.

    • @kriswayne7938
      @kriswayne7938 3 ปีที่แล้ว

      @@DesignXstream this basic configuration will last me for how many years?

    • @DesignXstream
      @DesignXstream  3 ปีที่แล้ว

      @@kriswayne7938 i5 3rd gen is too old I think. Coz currently 10th or 11th gen is running. So try to go for the latest generation... then it will last you easily for 3-4 years.

    • @kriswayne7938
      @kriswayne7938 3 ปีที่แล้ว

      @@DesignXstream ok
      How much will i3 3 gen last?
      Very low on budget

    • @DesignXstream
      @DesignXstream  3 ปีที่แล้ว

      @@kriswayne7938 I cannot give a proper answer for this as I use a macbook. But my suggestion would be try to save up more and go for newer generations. 3rd gen came almost 10 years back so it doesn't make sense to spend money on such an old cpu.