Hey guys, I've launched a Paid Figma Noob to Pro course that can help you take your Design and Figma skills to the next level! You can access it here: asaad-mahmood-s-school.teachable.com/p/figma-noob-to-pro My subscribers and viewers can get a 50% discount by using the voucher "AMSUBSCRIBER".
Hello, Can you also put a tutorial on how to swipe back up please. If it's already done, please drop me a link to the video. Btw absolutely loved your design.
super informative easy to understand and no waffling...thanks you got your self another subscriber. How i can animate a whole paragraph of text in a hero section?, please ...to animate in then type all paragraph and then disappear ?, i have seen and know how to animate one word at a time but for sentences i dont find anything in figam or your tube...thanks again for yourhelp or pointers, please
You can add any animation you want, mouse enter, mouse out, click, drag etc. Note that figma is not building full fledged prototypes, things like these are only for presentation purposes.
looks amazing! I'm struggling with getting a click prototypes work on one of my buttons. The idea is when the button in the app is clicked on that the button will change the color but also open a overlay. Is that possible?
Thank you very much! it worked, but my text just appears, it doesn't move in like your intro text. how can I solve this? I want that my intro text move to the place it should be like yours and not that it just appears, hope you can understand what I mean
It`s been an amazing master class. Thanks brother. I tried to follow the same steps as you did. But the thing is smart animate is kinda working weird. It`s kinda adding objects which I didn`t even use on my frame, I checked all my layers. And also, my animations are not as smooth as yours. Is is with the computer or any other settings to make the animations smoother like yours. Would be great if you can help out with my design for just 2 minutes. How can I contact you
Thank you for your video, your work, it will help me learn and develop in a new profession for me🙏😌 no war! Stop Russian Aggression! live free Ukraine 🇺🇦 🫡
if I don’t die from a Russian missile attack, this is not a joke, about 40 minutes ago there were 3 missile attacks on my city, so far you can’t find such news on the Internet, but tomorrow I’m sure you can already check and verify my words. the city of Zaporozhye. God bless us and our army. this afternoon I studied figma, and met with friends to drink coffee, and at night I hide because of powerful explosions, car alarms, still have not turned off after the explosions. this is the reality of Ukraine. if everything goes well overnight, during the day I will try to repeat your work in figma .. because I need a new job, at a computer, and with the ability to work remotely
A simple move yet so interactive and amazing effect! Just stunning
Amazing man, its beatifull!!!
OMG this is exactly what I've been looking for months! Thank you!
Hey guys, I've launched a Paid Figma Noob to Pro course that can help you take your Design and Figma skills to the next level!
You can access it here: asaad-mahmood-s-school.teachable.com/p/figma-noob-to-pro
My subscribers and viewers can get a 50% discount by using the voucher "AMSUBSCRIBER".
Be sure to subscribe and hit the notification icon! It really helps the channel grow and motivates me to keep on investing on the channel.
Simple and perfect ❤
love your tutorials! best channel on figma, for me
Hey amazing stuff! Thank you for sharing ❤️
My pleasure!
Great Job. Wow! I'm subscribing.
Thanks man!
Amazing video brother
Just WOW. At last I know how to do it. Thanks a loooooot
You are the best bro🙏🙏🙏🙏🙏
Nice work! Thank you for tutorial ❤️🙂
Nice job! You are super talented. Thanks for the video.
Amazing video🤝
Great teaching! But may I ask why your second frame is not the same size as the first, but it has no effect in the show?
Beautiful work
Hello, Can you also put a tutorial on how to swipe back up please. If it's already done, please drop me a link to the video. Btw absolutely loved your design.
Wow. Great job.
I really wish figma has a “on scroll” trigger or better yet “while scrolling” trigger
Me too!
Cool video
Beautiful 🤩
Amazing mate, thanks for your time to explain
Nice video, I love it! After following up your vid, I just want this to be scrolled back to the top. Can you tell me how&where to link in?
Nice and amazing, please reduce your speed. Thanks
super informative easy to understand and no waffling...thanks you got your self another subscriber.
How i can animate a whole paragraph of text in a hero section?, please ...to animate in then type all paragraph and then disappear ?, i have seen and know how to animate one word at a time but for sentences i dont find anything in figam or your tube...thanks again for yourhelp or pointers, please
Сool! Thank you, very helpful!
I've missed this Dante
May the Lord strengthen and help you Dante ❤
amazing tutorial..
Thank youuu🎉
Hey, first if all thanks for the great video! Do you know if I can translate this animator stuff into jetpack compose if I wanna creat an app?
amazing
Nice 👍
Thank you :)
why are you so awesome
How can I do that effect but with a scroll down with the mouse?
It can be directly exported to code?
Can it be responsive with parallax?... I'm newb
This is really good
How to add figma prototype animation in landing page or web pages?
Thanks, you can't as an svg or anything, you can create a movie and do that, or include it as an embed code, but it wouldn't be in html/css form.
Please link from the photo or keywords to search such pictures
You can find them on Freepik, I have added a search result:
www.freepik.com/search?format=search&query=vector%20landscape
@@AMDesignAndDev Thanks!
this is really gold. thank you so much but how do we scroll back to the top after scrolling down... what interaction should we use?
You can add any animation you want, mouse enter, mouse out, click, drag etc.
Note that figma is not building full fledged prototypes, things like these are only for presentation purposes.
@@AMDesignAndDev thank you
Thanks for sharing!
But what will happen is you scroll back up? will the hero still shows?
Not right now because I haven’t linked it. But you can easily link it.
Hi @@AMDesignAndDev Can we scroll back the frame #2 to #1 if we have 3 frame ?
how do you group select the elements from the photo?
Really nice work
Could you please share the two background images?
Thanks
Where did you the assets such as the background image etc.
Freepik
PLS try not to speed up the video , bcoz we might wana see how you work for better understanding
Got it!
I love this!! Is there a way this could work by just scrolling down with the mouse?
Not in Figma at this point. We can add a on mouse enter event on the frame that can fake that effect though.
@@AMDesignAndDev Thankyou, let me try that
@@MaggieKayy If you want, I can do a video on that.
@@AMDesignAndDev yes, please :) it would be super helpful
looks amazing! I'm struggling with getting a click prototypes work on one of my buttons. The idea is when the button in the app is clicked on that the button will change the color but also open a overlay. Is that possible?
You can only have one on click action for a button, so it will either change color or open the overlay
5 🌟 boi
I cannot unclip the mask and manually control the vectors of the image? Anyone can help?
where I can get more of this type of illustration? someone heeelp me
Freepik
Can you please make this with code.
Or if you have another similar video but made with code.
Thank you.
Can do, its very easy.
Thank you very much!
it worked, but my text just appears, it doesn't move in like your intro text.
how can I solve this? I want that my intro text move to the place it should be like yours and not that it just appears, hope you can understand what I mean
Got it, I accidentally changed the size of the copied text, it has to be exact same thing or you won't get a fade in effect
How about making it happen On Scroll?
Not easy in Figma. Can be done in protopie or principle
Nice! How you save this interaction into video to upload dribbble? Screen recorder?
Yup.
@@AMDesignAndDev which one?
@@souravbarua2049 I just use QuickTime on Mac usually. It exports an mov file which I then convert to MP4 using an online converter.
@@souravbarua2049 I sometimes also use screen flow, but its speed and you don’t really need it for this task.
🤯
whenever i prototype the after delay option is grey.....plz tell me any solution
Share your file, I can have a look.
0:06
Can you send this figma file please 🙏🏽
Share
what about don't click on scroll down ma rly scroll with the mouse on the page?
Scrolling up + down in and having the effect go back and forth will not be possible.
Figma does not have a scroll based interaction control. You can do that with Protopie!
It`s been an amazing master class. Thanks brother. I tried to follow the same steps as you did. But the thing is smart animate is kinda working weird. It`s kinda adding objects which I didn`t even use on my frame, I checked all my layers. And also, my animations are not as smooth as yours. Is is with the computer or any other settings to make the animations smoother like yours. Would be great if you can help out with my design for just 2 minutes. How can I contact you
Please isolate the problem, and just create a small file and share it here
The layer must be the same name in every frame
is figma free?
Yes!
you are doing for yourself.......or explaining it to people?
Both.
good tutorial but u neeed to slow down , as a beginner i can;t follow on some steps that you're doing
Got it, thanks a lot for the feedback Faye, will try to keep that in mind!
please share figma file
Basically.
Shame parallax isn't free, because I can't buy that plugin.
Thank you for your video, your work, it will help me learn and develop in a new profession for me🙏😌 no war! Stop Russian Aggression! live free Ukraine 🇺🇦 🫡
if I don’t die from a Russian missile attack, this is not a joke, about 40 minutes ago there were 3 missile attacks on my city, so far you can’t find such news on the Internet, but tomorrow I’m sure you can already check and verify my words. the city of Zaporozhye. God bless us and our army. this afternoon I studied figma, and met with friends to drink coffee, and at night I hide because of powerful explosions, car alarms, still have not turned off after the explosions. this is the reality of Ukraine. if everything goes well overnight, during the day I will try to repeat your work in figma .. because I need a new job, at a computer, and with the ability to work remotely