Learn how to use Figma prototypes correctly!

[@AMDesignAndDev]

Note that there's still a place and importance for overlay transitions as well. And I'll create a separate video for that as well (hopefully).

[@teegees]

I’m glad you pointed this out! Big time saver.
Another question for you: is it possible to click on a layer (layer 1), and change the variant of a separate (different) layer (layer 2j as a result?

[@AICyberWavelab]

Bro your a legend thx. Naming my layers with the same name ..such a simple method which fixed my entire app.

[@eekprice]

I had no idea the basic functions used the same concept of naming determining when something animates. This will def help. Thanks.

[@cagyakwah]

it depends on what exactly the overlay is being used for a book app for example where everytime you tap on a book cover thumbnail a pop up card appears with the books details, every single book is different and has different details hence a master component prototyped as an overlay would be better and way less work.

[@abdulazeem5927]

I've never watched tutorial videos for figma, but being a photoshop user, I already got hang of the design and it's a good experience apart from some really stupid drawbacks (fonts mainly).
But for advanced prototyping I'm trying to learn something new, although I already know what this guy is trying to say specifically in this video because the terminologies in figma already make a lot of sense. I think people should read and explore their software interfaces to discover some things themselves and develop their individual process.
Cheers to Asaad though! He knows his stuff and I hope to learn the same from more of his valuable resources.

[@AMDesignAndDev]

Thanks bro!

[@znkdev]

4:21, easy if you make the home icon and its variants, so it will not move as well, right?

[@sanikathali]

This was the video i was looking for the prototyping feature.. Amazingly described and demonstrated with valid examples. Thank you

[@ზვიანგი]

thanks man

[@arlinapaula3661]

How would you implement the principle of making all screens visible to a client (using figma default animations) using an example like an "options" menu? For instance, how would you design a dropdown menu (triggered by three dots or similar), such as one for language selection?

[@Paul_Promise]

Please can u help me with the design

[@zaiberronin895]

I have a problem with figma i create an e-commerce when im in the cart frame i make a modal for delete the products in the cart. When i use prototype i select to tap on select the product for delete it then appears the modal (go back-delete from cart) but when im prototyping the button delete the option to tap is not available. What i should do to fix it? Regards

[@AMDesignAndDev]

That may be because the button already has another tap event on it.

[@zaiberronin895]

@@AMDesignAndDev oohh may be that because i copy it from a variant. Thanks

[@fernwehtwl]

thanks for this video :) im wondering what do you think of the ease in and ease out settings? When would you use ease in? When would you use ease out?

[@FlyByWheels]

at the time animation plz slow down the animation so we can see the animation more clearly like what is happening

[@Sofia0S0S]

Awesome! Would love to see more videos about simplifying prototyping ☺️

[@ozgurilkimen263]

Hi, any way to show our prototype with video for dribbble or behance portfolio?

[@AMDesignAndDev]

Record your screen using any screen recorder

[@AMDesignAndDev]

Here's my official Figma paid course which you can check out on:
www.asaadmahmood.com/courses/figma-noob-to-pro
Use AMSUBSCRIBER voucher to get a 50% off. I can’t wait to see you all inside.

[@calvinogood]

It's an useful tip, thanks!

[@bluemoonrais]

Absolutory good video brother thank you

[@prajwalsharma2794]

As always super informative video.

[@ned_ray]

Thanks for sharing ♥️

[@just_a_guy_01]

This is not an insult-- I'm going to be straight up with you, the white signature on your hat kind of looks like a bird poop graphic. Love this tutorial tho!

[@Xalion100]

You made this incredibly confusing to someone who's just starting out :D

[@AMDesignAndDev]

This isn’t for someone just starting out :)

[@mattjafari]

You are amazing man. Thanks

[@mothernature1869]

I'm sure this is very valuable, but he was clicking so fast, I could not really get the whole process, which screen goes to which and ahhh this is not for a beginners I guess. I'll come back later lol

[@henkegiaretta]

I don't get it...isn't it the same as the other way around? Let's say you want to change the title Header to something else, don't you have to change it in both frames?

[@AMDesignAndDev]

Not sure if I understand.
Do you want to create a prototype live so we can see?

[@uriellatagnipes2792]

Thanks for sharing.

[@jvdome]

thank you

[@trendingadobe]

Don't understand simply the 1st step...can you please simplify it bit more

[@AMDesignAndDev]

Can you give me timestamp to exactly what you don't understand. I'll try my best to help.

[@trendingadobe]

Exactly the 1st prototype transition when you move the whole content at the back of the 2nd screen....that transition I couldn't create...

[@AMDesignAndDev]

@@trendingadobe we don’t want to create that, I was highlighting that that’s a mistake most people do to create an affect like that.

[@trendingadobe]

I want to create the one which you were creating ....

[@podcatchannels2292]

@@AMDesignAndDev no but we are not being able to do that that content is just getting moved to other frame but not yours how ?

[@praveenb-xr]

Subrscribed man. Good content

[@masterloot]

Very chaotic

[@x_y_z_y_x]

Simply perfect

[@salisuoluwaseun5971]

Thanks a lot

[@farzadjahanfard]

legend

[@oZenakos]

nice vid thanks

[@rockrakesh8421]

awesome

[@lumu76]

Good information presented with too much arrogance. Talk less about how little everyone else knows about prototyping compared to you and just get into the valuable lesson.

[@johnprashanth]

Really?

[@Anushkai1]

Thank you