Web Animation in Figma with Smart Animate and Interactive Components, Episode 2

[@juleonasefi8559]

Wow.. this is exactly what I was looking for as well. Awesome work!

[@femijohn]

I am glad you found what you were looking for. Thank You.

[@olufunmilayoilori3294]

I've been looking for this video.. Thank you 👍🏾

[@toyindaniel-oluwagbiyi411]

Thank you for this videos will tell all my design friends about it

[@femijohn]

You’re welcome, thank you 🙏 😊

[@leyetemi]

Your videos are clear and very explanatory. Thank you 👏👏

[@femijohn]

You’re welcome Temitayo

[@unbreakablemohit]

Clear, precise and helpful

[@usmanhussaini4928]

you earned a subscriber,

[@mhithijespersen2128]

More videos Big man, you’re doing amazing work here….

[@femijohn]

Thanks. You’re welcome

[@emanfatima5801]

thanks for great tutorial..... i have a one problem is that my rectangle that is behind the image is not animating ......... i also put the rectangle behind the image in making varient.......

[@femijohn]

You’re welcome. I’m sorry I can’t really say what the issue is, until I see the design.

[@Stylebyreme]

Well done!🤝🤝

[@femijohn]

Thank you 🙏

[@sadafrani1921]

Please make videos on landing page creation .all types of landing pages plus also create lectures for web designing ui

[@femijohn]

Thank you. And I promise to do that soon.

[@sadafrani1921]

@@femijohn will be wiating eagerly

[@luyentran816]

I love to follow your videos, they are really usefull and easy to understand :)

[@femijohn]

I’m glad you find them helpful 🙏

[@blessingfriday6951]

Thank you for this video What if you want to put different images? How do you do that?

[@luyentran816]

thank you so much for your knowledge

[@femijohn]

You’re welcome

[@sakthikousikr]

Thanks a lot man.

[@femijohn]

You're welcome

[@TheChefAine]

Very clear and easy to understand 🥰🥰

[@femijohn]

Glad you think so!😊❤️

[@eodhex3317]

​@@femijohn😢

[@tegaskitchen1813]

You are the best ❤

[@femijohn]

Thank you

[@ArminmoTV]

pls make more animation

[@mhithijespersen2128]

Boss, would like a video on animating feature Icons

[@femijohn]

I’ll add that to my list 👍🏽

[@ikennagibson3933]

Nice video Femi 🙌🏻

[@femijohn]

Thanks Gibson

[@ikennagibson3933]

@@femijohn you are welcome man🤝

[@emmyugwuoti6245]

Nice video but how do you get your prototype to show the animations in your default view please? Everytime I try to prototype the default view is tiny and by the time i set the view to fit my screen width, the after delay animation is finished. Even restarting the prototype doesnt work so I have to cancel the prototype tab and start afresh but again the default view is tiny and the problem continues The only work around I found was to access the screen with the after delay animation from another page but this only works once. When I try to do it again the after delay doesn't work unless I again cancel the prototype tab and run it again

[@femijohn]

This is really strange. The after delay should always work on restart. And I wish I could see your designs to assist. Because it’s really difficult to know what the fault is exactly, over text. If it’s something you really need. You can reach out to me on any of my socials let’s get it fixed together

[@emmyugwuoti6245]

@@femijohn no problem. I found a work around. Using browser restart (f5) to show the effects instead of using figma's restart makes it work

[@BabitaSingh-nf2tn]

Which keys did you press after selecting the text to cut it?

[@olufunmilayoilori3294]

Quick Question - What did you do in 13:35? I know you didn't duplicate. That's the problem i have right now

[@femijohn]

Hi dear, all I did was create a duplicate of the second component using the shortcut key. By holding down option on Mac or Alt on Windows then click and dragging. Make sure to hold alt while dragging the element to duplicate

[@femijohn]

Or simply switch to the asset panel and take the component then switch to the second variant

[@femijohn]

Or use cntrl c and cntrl v to copy and paste an instance of that component

[@olufunmilayoilori3294]

I'll try this out and give feedback.. thank you 💪🏾

[@olufunmilayoilori3294]

I got it! Thank you 👍🏾

[@rukayatomolola4440]

👍👍

[@femijohn]

🤗

[@abisolakanyinola2852]

👏🏽👏🏽😊 please do a tutorial on masking images 🥲

[@femijohn]

Okay sure. Thanks 👍🏽