Creating Simple Maps/Street View Interaction Animation in Figma Using Overlays

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

КОМЕНТАРІ • 22

  • @maskman4821
    @maskman4821 3 роки тому +1

    Thank you for walking us through the whole process and explaining every step, it is easy to follow your instructions to complete this map prototype, you are the best figma instructor / teacher by far I have met, really good content, thank you so much for this tutorial !!!

    • @DesignXstream
      @DesignXstream  3 роки тому

      Thank you so much for that comment! It really means a lot and motivates me to create more! 😊

  • @claudioalmeida4623
    @claudioalmeida4623 3 роки тому +2

    Nice video! congrats from brazil 🇧🇷

    • @DesignXstream
      @DesignXstream  3 роки тому +1

      Hey Claudio, Thanks a lot! Glad you enjoyed it 😊

  • @feliciacheah8278
    @feliciacheah8278 3 роки тому +2

    Very helpful! Thanks !

    • @DesignXstream
      @DesignXstream  3 роки тому

      Glad you found it helpful :)
      Do check our instagram page as well instagram.com/DesignXstream for short design tips.

  • @gunnarvispoel
    @gunnarvispoel Рік тому +1

    awesome video, easy to follow

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

      Great! I'm glad you found it useful 🙌🏼

  • @peterkim7414
    @peterkim7414 2 роки тому

    Hi, how were you able to merge the vector and rectangle together to create the label? Specifically at 1:20, thank you!

    • @DesignXstream
      @DesignXstream  2 роки тому

      Hi Peter, If you are asking about the callout design then I've not merged anything there. I just drew a rectangle and used the pen tool to add additional points and pulled out one point to create the triangle at the bottom.

    • @peterkim7414
      @peterkim7414 2 роки тому

      @@DesignXstream Thank you for the reply, I wasn't able to do it with the method that you did. I think I just merged mine instead, since it was easier. I really like the popup idea.

  • @the0ne809
    @the0ne809 6 місяців тому

    Is there a way to add a map inside a rectangle for example? I don't want the map to cover the whole whole screen. I have tried to insert the map inside a rectangle but then I cannot zoom in and or barely move it around. It seems this is the only way a map can work.

    • @DesignXstream
      @DesignXstream  6 місяців тому

      zoom is not supported as a gesture in figma. but you can always put a map in a frame and move around. just use the overflow as vertical and horizontal scroll.

  • @sabinasabina4440
    @sabinasabina4440 Рік тому +1

    Hi, could you help me please, I can't get what I'm doing wrong. After prototyping from Frame 1 to Frame 2 it opens a black window with Frame 2 on the preview. How can I make Frame 2 also open like Frame1 without the black background at the back. I think I did everything according to the instructions, maybe this is a common mistake. ((

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

      Not sure where you went wrong. Reach me @designxstream on instagram. I can try to help you out!

    • @Benjamin-nj5ju
      @Benjamin-nj5ju 9 місяців тому

      same thing happened for me

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

      I just had this problem, instead of "navigate to" for frame 2, I changed it to "swap overlay" and its fixed

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

    THE place description that pops up when clicking it how can it exit if after?

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

      Yes, since it is an overlay you have the option to close it on clicking outside. This setting is there when you add the prototype interaction.

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

      @@DesignXstream thank you

  • @ladyj3474
    @ladyj3474 Рік тому +1

    Mapsicle is no longer available.

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

      Ohhh that's sad! Will check if there is any alternative.