Figma Basic: Loading animation in figma | Figma loading animation
Вставка
- Опубліковано 26 лют 2023
- Loading animation in figma | Figma loading animation
In this video, we'll explore how to create a loading animation in Figma, one of the most popular design tools on the market. A loading animation is a vital component of any web or mobile application, as it informs the user that their request is being processed.
We'll begin by discussing the importance of a loading animation and how it can improve the user experience. Then, we'll dive into the step-by-step process of creating a loading animation in Figma. We'll cover everything from creating the initial design to adding animations and transitions.
By the end of the video, you'll have a solid understanding of how to create an engaging and effective loading animation in Figma. So whether you're a seasoned designer or just getting started with Figma, this video is sure to help you take your designs to the next level.
If you have any suggestions for improving the design don't forget to comment below
Like 👍| Comment 👇 | Subscribe 🙏
Watch more :-
Headphone website design in figma (part -1) | figma tutorial
:- • Headphone website desi...
how to create mockups using figma plugins | figma mockup tutorial
:- • how to create mockups ...
food Delivery App design in figma with Prototype | Mobile App Design
:- • food Delivery App desi...
Tags:-
#figma
#loadinganimation
#uxdesign
#uianimation
#designtools
#figmatutorial
#mobiledesign
#uidesign
#designtutorial
#motiondesign
#graphicdesign
#animationtips
#designinspiration
#designprocess
_______________________________________
Music track: Feels Like by Eric Lund
Source: freetouse.com/music/
Free To Use Music for Video
_______________________________________
If you have any queries please comment below 👇😊
I dont know what my animation is not moving
Mine also First One Is Not Working@@yralfever4016
mine isn't either@@yralfever4016
Pls check my shared link. I failed to rotate
Could you please check my shared figma file link for loading animation ?
Abhi mai ux ui design sikhne ki kosis kr rha tha tb maine ye video dekha or fir samajh aaya ki ye sb itna aashan bhi nhi hai iske pinche Bahut mehnat or hard work hai you inspire me a lot bro... 🙏🙌
Thanks for sharing your knowledge
no sabes cuanto me ayudaste!!!
Thanks for sharing your ideas 💜
Just Wow! Super helpful, thank you!
Super helpful, thank you!
Nice work bro 👍
Thank you
nice bruh
I just subscribe to your channel. I really love you tutorial and please make more for beginners like me.
Yaa sure 👍😊..!
How do you export such animation for dev purpose though?
*как ты в фрайме поднимаешь один круг? я когда поднимаю он с фрайма выходит*
How can we convert this loader into GIF?
Hi Dear, I failed to rotate the loading animation. Just a while ago share the link to your mail. Please help to check of what is my mistake.
i followed all the steps and mine wont spin
Thanks for your Idea
I designed first design as you did it 100%, but it is not loading!
Could you pls let me how it loads?
Follow the proper steps....if still it's not working then send me figma link on my insta...so that I'll check it.
Bro please tell me how to master in figma 🙏
hiii bro i wanted to make floating flower animation but same concept as your tutorial, is it possible? because i tried every steps of yours (creating loading screen) it doesn't work
Yaa.. it is possible but it depends on what type of animation you want to try on it..!
It is imp to design this page when u r working on project ?????
No..its not compulsory for all projects...it is use where u want to show user for wait for some time or downloading something...
Can we design aap using figma answer my question ❓❓
Yes u can...👍😊
hi sir, i followed the exact same steps but it didnt work for me...
Ok.. send me figma link on my insta so that I will check!
my first animation is not working, I tried multiple times and followed your steps one by one. Where might be wrong?
email me or dm on insta and give me ur screenshots..
just frame each of the circle or anything you trying to create and after framing select them all and make them multiple component after this do the same prototypying what the guy did in the video and after this just select the first frame and copy it and paste it on screen and its done
Remember to mantain the same name in the groups, it's id to animation
I has tha same problem, I just rename and it's worked
I got the same issue, then I noticed that when you rotate the circles, make sure you select and rotate only the circles, not with the frames
Not working for me alls well
its not working for me??
Follow the proper steps....and try again..if still not working then send me figma link..so that I'll check it.
Tried this at least 10 times, step by step, didn't work. Thoughts?
Don't worry ! DM me on insta and share me ur figma project link so that I will check....
Same issue what’s the solution ?
@@yugen587 yo just fixed it, basically group the two circles in the variant, and then put the rotation on the group not the variant, do this for all your variants and it will work :), let me know if it still don't work
i try too, but it doesnt work:) whats wrong:)
follow the steps properly...and try again...🙂
@@VidscapeCode i dnt know what happened:) , but i follow careful for each step, and it doesnt work, the animate isnt working:)
i try to check that with change opacity the color, and i saw the problem, actually the collor is change but the position is not change, the circle just stay at bottom:)
@@abdulhafiztarmizi3473 Can u email me or DM on insta and give me screenshots..!!
@@VidscapeCode okay bro, i have dm u on insta tq bro