How To Create a MULTIPLE CHOICE Interactive Component in Figma (Tutorial)

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

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

  • @Chef12239
    @Chef12239 8 месяцев назад +1

    Thank you, for this great tutorial. I was able to adjust my multiple choice option buttons on a form for my hi-fi prototype.

  • @queenzzz6892
    @queenzzz6892 7 месяцев назад

    Thank you for the tutorial ! It's very helpful :)

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

    How did you do the copy paste at 3:46 ?

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

      Alt (or option) + drag

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

      @@mavidesignhank you very much. Do you have a video tutorial to how the quiz can result in an answer/reply ?

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

      I don't but you're not the first one to mention this. I'll think about doing this in the future

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

    Thanks for this tutorial ! How would you enter text from the Design panel on the right instead of directly on the screen text box layer. Do you have a tutorial for this?

  • @michelewindsor
    @michelewindsor 2 месяца назад

    for multiple choice when only 1 is the correct answer, the others should not be clicked green. How would you introduce an State 3 or option? I tried and I cannot get it to adjust.

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

    Thanks for the tuto bro !

  • @dimka6453
    @dimka6453 10 месяцев назад

    please can someone tell me how he grab the checkbox, without moving the original variant at 3:44 ! When i grab it, i move the parent variant, and when i copy paste it, it makes it a component...

    • @marujodudu
      @marujodudu 8 месяцев назад

      want to know too

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

    so can we just add next question by duplicating the main frame and adding next button prototyping it?

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

    HI, thanks for this good tut. What I need is, if somebody click on an option, another element e.g. a "pill" with the text of the clicked option should be shown. and if i unselect the option, the element should be hide. Is this possible?

  • @agarwaldigital_
    @agarwaldigital_ 2 месяца назад

    @mavidesign Let's say there are 2 elements now- check boxes and CTA Button.
    When the checkboxes are not selected, I want the CTA button to be inactive.
    When the checkboxes are selected, the CTA button is active.
    How do I achieve that?
    Can you help?

    • @dhayve
      @dhayve Месяц назад

      Hey there, watch videos on variables
      That would help (if true make confirm button active if non is selected make in active.
      I think you can also do if selected Navigate to next question

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

    Is there a way to show the order in which the user has selected the items? I'm trying to create an app where users can add tasks to a routine, so showing the order in which they've added them would be helpful.

  • @1-bs4mr
    @1-bs4mr 8 месяцев назад

    How many page I need to create ?
    If I have 300 Questions ?

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

    Fantastic. Thanks.

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

    How to you make it so that if option 1 is clicked, it will show a picture or text, but if it’s turned off, the picture or text will be hidden

  • @m.j.9935
    @m.j.9935 2 года назад

    Is there a way to make on one box selectable at a time? For instance, if Box A is already selected then you click box B, is there a way to make it uncheck box A? I'm trying to make my table look like it has column filters.

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

      There is, but that would require a different structure. It’s basically a radio button and I’ll be creating a video on that soon :)

    • @m.j.9935
      @m.j.9935 2 года назад

      @@mavidesign Thanks!

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

    Neat, thanks.

  • @MehakKhan-mv7ud
    @MehakKhan-mv7ud 2 года назад

    if we want to show all the selected options in the field how can we do that? like we have to select multiple states and we have multiple options and using your brief I can make that happen but when I have to show their names in the field how can I do that?

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

      Do you mean how can you change the text contents of one of those options?

    • @MehakKhan-mv7ud
      @MehakKhan-mv7ud 2 года назад

      @@mavidesign no I mean after multiple selection I want to display the selected options in a text area

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

    Thank u

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

    Let's say there are 10 multiple choice questions. If we have to show our users how they performed on the quiz, how can we do that?

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

      Probably create another frame / design a new section and then display that once the user clicks on “confirm” or something along those lines:)

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

      @@mavidesign Cool. Thank you.

  • @rawan9018
    @rawan9018 8 месяцев назад

    thanks a lot