Advanced Figma Prototyping Tips & Tricks | 2023 - by moonlearning.io

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

КОМЕНТАРІ • 51

  • @BringYourOwnLaptop
    @BringYourOwnLaptop Рік тому +13

    Amazing Video Christine! Love the tips. I learnt loads.

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

    Concise with a smooth voice! You got my sub

  • @mischugo
    @mischugo Рік тому +6

    It's been a while since I've seen anything from Moonlerning. But - simply world class. Super explained. No blah blah - straight to the point. And then also understandable for me, who doesn't speak english - Thank you so much - 5*. I'm still waiting for "Sticky Scrolling" in Figma ;-)

  • @KaviSivyer
    @KaviSivyer 6 місяців тому +1

    this is legit the goatiest video of prototyping ive seen so far 🐐👏

  • @HDockyards
    @HDockyards Рік тому +4

    This was SUPER helpful! Thank you for making this!

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

    How comes I have never known this channel. Amazing, Thank you!

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

    Awesome stuff, keep it up

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

    Thanks for sharing. Very helpful indeed!
    However I couldn't figure out how to set the height to 0 (min 01:42)? When I try, Figma immediately round it up to 1. Any hint?

    • @moonlearning
      @moonlearning  Рік тому +5

      Yes you have to trick Figma a little and put 0.0004 or similar then it jumps to 0

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

    thank you for a wonderful video!!!

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

    Super Insightful.

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

    Wow, Just incredible work. I thoroughly enjoyed this. It is helpful. Thanks Christine :)

  • @giovannirenzocharcafernand5935

    I love your tutorials. Thanks very much for your share your knowledge

  • @soulfuldude5495
    @soulfuldude5495 Місяць тому

    amazingly well

  • @millsieme
    @millsieme Рік тому +5

    I have only just discovered your tuturials. I will be signing up, these are amazing, and so clear and concise in your videos. I'm needing to explore more dynamic ways to present product prototypes. Brilliant work. Thank you.

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

    This was super dooper helpful 🙌

  • @adilbek.ermekov
    @adilbek.ermekov Рік тому

    Amazing tutorial

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

    Wow, amazing. Thank you.

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

    For your first example, clicking on a red box changes it to a blue box and then pushes down all the boxes below it. Is there a way to instead have the blue box hover over the boxes below it instead of pushing them down? Say this was a selection dropdown field for an auto layout form and I wanted the selection bubble to not push down the content below it, but just hover over it.

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

      Yes works the same just change the action from click to hover

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

      Ah sorry, I think I got you wrong, if you do not want the push down then there are plenty of other ways setting it to absolute for example

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

    Super Cool technic... Really Helpful

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

    wow this is a gem, thank you!

  • @adilbek.ermekov
    @adilbek.ermekov Рік тому

    Very useful tips

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

    Thank you very much for sharing! These are lifesavers.

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

    This was super helpful, thank you!

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

    Very useful tutorial 🎉🎉🎉 thanks

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

    In the short video lots of information. I love your videos🔥🔥

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

    Amazing content and really well explained. Thanks Christine💕

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

    You have an amazing voice :)

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

    This channel is awesome! Thanks a lot for such a high quality content filled with useful tips and tricks. The storytelling, the examples, the speed, the sound, everything is so perfect and on point! I subscribed to your channel, liked your videos, and have been binge-watching them one by one!

  • @adilbek.ermekov
    @adilbek.ermekov Рік тому

    Keep it up!

  • @cintyal.8490
    @cintyal.8490 Рік тому

    Thanks so much !

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

    Love it sis

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

    With yourr stateful design and nested sections, there is something I am trying to do and I am stuck. When the section A/B/C has been completed and you go back to the "list", I want to update the list items have have been through ABC to a different state (e.g. checkbox ticked). There seems to be a tension through. I could create another screen with the checkbox ticked and link to it from C but now C isn't linked to the "list" section and so can only be used once.
    Any ideas? I am currently playing around to see if I can quickly change the state of the list item before going to the ABC section so that when I come back it is accurate, but (a) it might be noticed and (b) if the user abandoned the process without completing C then it would be inaccurate.

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

    Thank you 🥹

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

    How do we put figma prototypes into webflow?

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

    I can't find the "smart animate matching layers in my interaction details.. any idea how do i get it?

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

      From animations, you need to activate a moving animation first, (move in, move out etc) then it will show up

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

    does anyone know why my figma doesn't have "smart animate matching layer" option?, i'm currently using figma for student right now.

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

      That is quite strange, it must be there. Make sure you are choosing a moving animation first for this to show up. otherwise you will only see smart animate as an animation type

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

    How to give zero height?

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

      Type height 0.003 on the parent frame height or similar and it will jump to 0

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

    were you a tv presenter before?

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

    Went for the tutorial, stayed for the voice

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

    No! This is a horrible video! Oh never-mind it says "advanced"... I'm a beginner