Figma create a realistic WhatsApp conversation prototype (tutorial with UI kit)

Поділитися
Вставка
  • Опубліковано 23 лис 2024

КОМЕНТАРІ • 10

  • @TheYash9291
    @TheYash9291 9 місяців тому +1

    Would be nice if you can add the catalogue prototype as well

    • @vivek-nexus
      @vivek-nexus  9 місяців тому

      Will do if more people ask for it

  • @DordeRistic-n4u
    @DordeRistic-n4u 9 місяців тому

    Absolutely brilliant! Do you have any suggestions for how to make the screen with the list options and how to add audio messages sent by either the chatbot? thanks a lot!

    • @vivek-nexus
      @vivek-nexus  9 місяців тому

      Thanks! In the components page, you can add more variants for audio messages and use them in your screens. For list options, you can use the list label button variant. Make the button open another frame(which has the list) as overlay over the current frame.

    • @djordjeristic7496
      @djordjeristic7496 9 місяців тому

      @@vivek-nexus Thanks a lot! Would it be possible to exchange the Android phone into a more modern Iphone design?

    • @vivek-nexus
      @vivek-nexus  9 місяців тому

      @@djordjeristic7496 Yes, the Android phone is just another Figma frame. You should be able to modify it as per your needs. If your intention is to create an iPhone prototype, I think you need to change the design system from Material to HIG, along with frame modification.

  • @thebrokenconcept4526
    @thebrokenconcept4526 Рік тому

    Thanks Vivek! I'm trying to add a reply sent by the user with the location attached. How do I do this! There's no option to add an image to a user reply

    • @vivek-nexus
      @vivek-nexus  11 місяців тому

      Oh okay. Yeah I haven't added that variant. If you know Figma components, you can go through the message variants that I have made for business message and create similar variant for user message. You will find it in the components page.

    • @thebrokenconcept4526
      @thebrokenconcept4526 11 місяців тому

      @@vivek-nexus hey vivek, quick update. I figured out a way to do this. Wish I could share the final output with you here, but it gets blocked if I share an external link. It looks amazing 🤩, thanks a lot. Couldn't have done this without you!

    • @vivek-nexus
      @vivek-nexus  11 місяців тому

      @@thebrokenconcept4526 Amazing! Happy to hear that!