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

[@BringYourOwnLaptop]

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

[@Butarangau]

Hi Danny 👋☺️

[@KaviSivyer]

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

[@mischugo]

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 ;-)

[@stinkleaf]

Concise with a smooth voice! You got my sub

[@HDockyards]

This was SUPER helpful! Thank you for making this!

[@millsieme]

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.

[@newtonoluoch8103]

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

[@giovannirenzocharcafernand5935]

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

[@soulfuldude5495]

amazingly well

[@ipixelsvideo]

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

[@bojanpusica8388]

Awesome stuff, keep it up

[@ofir6665]

thank you for a wonderful video!!!

[@effectvision]

Thank you very much for sharing! These are lifesavers.

[@panveel]

Super Insightful.

[@DioArsya]

wow this is a gem, thank you!

[@moonlearning]

Glad you like it!

[@tonioduran3330]

Very useful tutorial 🎉🎉🎉 thanks

[@moonlearning]

You are welcome 😊

[@satyambarnwal5255]

This was super dooper helpful 🙌

[@arifhossain8753]

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

[@adilbek.ermekov]

Amazing tutorial

[@karenrogers8878]

Amazing content and really well explained. Thanks Christine💕

[@ShoCoaching]

You have an amazing voice :)

[@KelvinChiuFilms]

Wow, amazing. Thank you.

[@adilbek.ermekov]

Keep it up!

[@kalpeshahir4924]

Super Cool technic... Really Helpful

[@muhammadfadlirusady6580]

Love it sis

[@adilbek.ermekov]

Very useful tips

[@Hellle89]

This was super helpful, thank you!

[@cheijoqwert5030]

Thank you 🥹

[@moonlearning]

Any time!

[@cintyal.8490]

Thanks so much !

[@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]

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

[@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

[@carlinorandagio]

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]

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

[@whiteswordwarrior9995]

How do we put figma prototypes into webflow?

[@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.

[@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]

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

[@pascalmarji9004]

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

[@moonlearning]

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

[@gulshanfaried8697]

How to give zero height?

[@moonlearning]

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

[@johnapple3471]

were you a tv presenter before?

[@moonlearning]

Haha not that I am aware of it

[@lawfreed]

Went for the tutorial, stayed for the voice

[@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!

[@goodgirlshe]

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