How to Design an Interactive Radio Button in Figma | Beginners Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ธ.ค. 2024

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

  • @sarthakhaldar9107
    @sarthakhaldar9107 6 วันที่ผ่านมา +1

    One of the most simply and effectively implemented radio button on figma tutorial. Indian's IT expertise is out of the world.

    • @DesignXstream
      @DesignXstream  3 วันที่ผ่านมา

      Hey thanks buddy! I'm glad you found it helpful ✌🏼

  • @kyalesd9062
    @kyalesd9062 5 หลายเดือนก่อน +2

    THIS REALLY HELP ME ON MY ASSIGMENT

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

      Glad you found it helpful! Cheers buddy ✌️

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

    Thank you! This is easy and simple to follow!

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

      Glad it was helpful! Cheers ✌🏼

  • @ketchup9355
    @ketchup9355 10 หลายเดือนก่อน +1

    Very Helpful, Thankss!!

  • @waleedel-safty9709
    @waleedel-safty9709 7 หลายเดือนก่อน +1

    this is great , but how to change the text of the options in the final frame ? , all Options will remain "Option1,Option2,Option3, ..Etc

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

      We can use text variables to assign the options with a variable and then give it values such that it reflects in all.

  • @KulwantSingh-ic8uz
    @KulwantSingh-ic8uz 5 หลายเดือนก่อน +1

    It's indeed a utterly helpful video...thanks for all your efforts...but how we can add hover effect on the radio button...plz make it clear with a video or explanation..thanks!

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

      For that it needs a new state and then smart animate. which happens on trigger on Hover.

  • @ADNAN-fc6eo
    @ADNAN-fc6eo 5 หลายเดือนก่อน

    Is it possible when we change radio button state than typography state also change like regular to bold

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

      Yes you just need to make the selected state to whatever style you want.

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

    Nice bro. These exercises are awesome to develop our skills.
    In this video, you started from 2 (2 options). I started doing the same exercise from one (1 option). I created one active and non active radio button, duplicated it and tried to add one more by duplicating the duplicated radio button. But, I was not able to add auto layout to the instance and the duplicate of the instance.
    I tried again like how you did. ie, I started from 2. This time everything worked perfectly. What is the issue when we start from one?

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

      Am not sure if I got your query correctly. But you cannot add auto layout to elements inside an instance. You can do it only on the main component.

  • @sunnypatel3202
    @sunnypatel3202 4 หลายเดือนก่อน +1

    osm bro

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

      Cheers bro! ✌🏼

  • @lauryb2257
    @lauryb2257 4 หลายเดือนก่อน

    I am completely lost to have the component liked to the frame. Does someone can help me out ?

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

      Which part? Duration.

  • @awesomehyperbole5600
    @awesomehyperbole5600 9 หลายเดือนก่อน +1

    Radio button sets should always have one option that is selected. There is never an instance of a radio button set with all options deselected.

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

      Excuses for No Default Selection
      Not knowing what users want or do: In this and any design situation, it behooves us to know our users and what they want and need, and do most often.
      Presumptuous or alienating choice: This is probably the most valid reason for not selecting a radio button by default. But consider whether you need to ask for the information at all, or whether you can use a different UI control to capture the data you need.
      Safety net: Catch people, ensure they see and actively select a choice: There is probably a more elegant way to design the interaction than to expect the user to miss a command and catch him with an error message after the fact. Seek an alternate method to direct the users’ attention.

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

    💯✌

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

    Promo*SM