Spinning Carousel Animation in Figma
Vložit
- čas přidán 5. 09. 2024
- Make a spinning carousel animation with a story pop-up in Figma with this easy tutorial for beginners. This is a great project to show off your animation skills and have some fun in Figma. If you have any questions feel free to drop a comment below!
👇Get the Studio Pass
bit.ly/49COJNQ
👇 Try Figma for FREE
bit.ly/figfree
👇Download Figma For Pros
bit.ly/fig-pro
🚀 Subscribe for more Tutorials
bit.ly/3T22qMZ
📥 Buy Design Files & Merch
bit.ly/3WuUl6D
🌎 Find Me on Social Media
Tiktok: bit.ly/3U7TdnQ
Instagam: bit.ly/3fF9hyf
Facebook: bit.ly/3ML5axg
I learned a lot from this video. Thank you for the informative and clear explanation.
WOW just what I was looking for . I got to add this to my assignment
Glad I could help ✌🏻
your expertise on figma is next level subscribed. plz make some videos on about explaining things like tweaks
I appreciate it! Thank you, and I’ll look into it!
Thank you so much. your tutorials are SUPER amazing. I was able to replicate this but with different colours and pictures.
crazy skills,great mate,keep up the good work.
Today I learned you really appreciate Auto Layout lmao.
Haha when I watched the video back I was like damn! I said that a lot lol 😂
Subscribed! This is complicated but made easy with your tutorial 🎉
Awesome! Thank you!
Woww..I learned so much from this.. specially spinner part #Amazing 🔥🔥
WOW! Thank you, Thank you so much.. great one!
Glad you liked it!
Thank you man love it
Hello Im from Indonesia, I follow you from tiktok until here, so love watching your video, keep make a beauty content bro 🙏🏼
Thanks so much!!
Thank you so much for this tutorial, super helpful!
How are people so good at figma
Liked, subscribed and amazed.
Welcome aboard! Thank you
Thank you so much for this
Thanks for this!
Can you make a tutorial of an endless slider that keeping his movement ? Like a logos bar...
Oh like a ticker? I can look in to it 👍🏼
@@shmeltstudios what can you do to change all the content above the spinner every time the spinner turns. I mean - when the spinner turns, the picture that is in the centre of the page changes too. I made three artboards following your video tutorial but can't understand how do you change all the rest of the content? Thank you...
Thanks for the video!
It's really helpful and learn with joy!
Glad to hear that!
Thank you so much :)
Subscribed! This is great!!!
Welcome aboard!
Super helpful! Do you have a playlist of videos to help beginners get the hang of Figma?
Keep on going this chanell ! awesooome tutorials.
Glad you like them! Thanks so much!!
nice exploration with the spinner buddy....big ups..
😅👍
Hey 👋🏼 thank you
Ur tutorials impressive but plz make a tutorial about linking elements for animation
I will do that, like prototyping?
so helpful
How to change the image or text while spinning?
I mean in this user need to click on the plus.
While clicking the plus icon. How can we do that. When spin the wheel click on that specific image and just right above image description popup.
Você poderia ter colocado a parte rápida pra ser lenta pq fico difícil entender aparte de fazer o carrossel 🎠
This is great sir. But How can I get different stories by clicking different images in the sloiders... It shows only one story. But I want to add more story videos of those places shown in the slider. How can I don that sir?
With the new local variables in figma Im sure you can now tigger the stories based on the component names. This would be a good idea for me to make a new video on so keep a look out.
hiii, I interested by ur content. but for remake this content esp for little shape or little piece, I was confused. can u tutor for ctrl e, x, and v?
Ctrl E= Flaten vector, Ctrl X= Cut, Ctrl V= paste. Hope this helps 👍🏼
Great tut, but I was scared a lot with "AUTO LAYOUT!!!" on 7:17
How did you know every command but not shift + arrow to move 10 pixels 🤣 joke aside, I learned so much in this video. Thanks a lot.
Lol now I do thank you 😊
I have an issue.. when im clicking on all vector point and cut theme the whole element didn't got selected.. I've tried it many times
I loved this tutorial! Thank you. Can you advise me how you you use the android/ios UI guidelines to pick the icon sizes in figma? Because in those guidelines they mention the sized in pixels or pts, but in Figma we use width and height. I am super confused on how I can convert that because I can't find in on google either. Please advice 🙏
height and width in figma are in pixels
thank you for this incredible tutorial. i have a problem, when i click on menu images, let's say the right one each time to test each menu slot, at one point it doesn't do the naimation of shifting one notch to the left but makes the whole opposite turn... as if it doesn't know which way to turn... i don't know if it's clear, but if you have the answer to this problem i'm a taker :) thank you very much.
i'va made à 6 slots menu...
Worth😇
Very interesting video
how would you take your Figma design and publish them as a real website. do you use webflow or framer?
I have been playing around with both framer is more like Figma to me but if you know how to set up your files in Figma Webflow can also be a great solution
wow soo cool man
Thank you 🙏🏼
how I implement in website using html css javascript
can u have a solution?
i have a problem. my animation works but when I added it to the phone screen frame it didn't work
Why would my "Control E" not be working?????
Good Design i do this spinner but i dont reverss spin tell mee how prototype
As long as you prototype each of the spinners it should spin which ever way you want.
@@shmeltstudios thank
Hi, could you share the figma file?, please, I'm new to figma and would like to play around with it, 😊 thanks
Top demais
How to create this animation in Android studio please help 🥺
I'd pay for this source file!
I’ll have to clean up the file and I’ll throw it into Etsy 👍🏼
Waiting for advance animations
very good work but to fast for students.
How do i develop this shit, my designer gave me this ..m struggling to develop it
عالی
control e didnt work for me?
You still have to double click after ctrl E
can i have source code ?pls
This tutorial is great but I spent hours trying to figure out how you put each shape on its own all in vain although I followed exactly the steps on the video
Same... Are you doing this on windows on Figma application? I guess that might be an issue
ctrl x then double click outside subtract area(between the frame and the subtract) and then ctrl v
@@Sigi94 You are genius
Jumpscare's, man!
Prototype was speedup not defined properly how/why to connect did you connect all of the photos of frames with each other , It was speedup . Really didn't understand you must have explained it properly .
tf is ctrl e mean???
i m sorry bro..i am bit slow..
Slow bra, slow ... tell all the steps in the next video please ... I'm not able to follow all of your steps bra...
yeah right ...he is going too fast
not really too slow just that you need to have learn some fundamental before watching this.