Create a Smooth Automatic Carousel Animation in Figma

preview_player
Показать описание
⭐ Hi, welcome to my channel.
In this video, I will show you how to create Automatic Carousel Animation in Figma.
This is my first tutorial video, maybe some parts will not be clear to you.
If you are having any trouble with the carousel animation or have any questions, please comment below.
I also added the timestamp below for you easy to follow.
Thanks for watching!

✏️ Another tutorial about Carousel Animation in Figma:
✏️ Tutorial about Splash screen animation in Figma:

⏰ Timestamp:
00:00 - Intro
00:20 - Design step: Create frame, add content, images
04:01 - Animation for the text
06:08 - Animation for the image
11:35 - The problem
12:41 - Final animation
Рекомендации по теме
Комментарии
Автор

This saved me from giving up on a project. Very nice.

Megha.creative
Автор

I already subscribed man! Thank you :) It looks nice to me!

ozanarslan
Автор

I did it bro thanks but u know how much time i took to repeat your videos minimum 25 times and 35 minutes it took to look the transition man it was pain in the ass but finally i did it thanks bro

tapashmazumdar
Автор

Great tutorial, Viet Graphics! I don't understand how you animated the image. I followed along, but when I play the prototype, the screen doesn't move. Could you please explain how you did that part?

Charushree-vfwt
Автор

ngl i got distracted by the beat and didn't hear a single word lmao

half_a_cupcake
Автор

can you still put more elements in your homepage for example other animations like carroussels below?

kcarly
Автор

when i put this carousel in a frame they don't work does anyone have any suggestion

divyanshverma
Автор

Amazing tutorial sir.
I hope it will be a great ui design tutorial channel
Subscribe done❤️

designwizard
Автор

how can i create that animation only mouse mouse wheel scroll down and up please help me it's very important for me <3

jim-ro
Автор

Cho mình hỏi mask để làm gì nhỉ, tại mình không mask thì prototype vẫn chạy bình thường há bạn

DuyenNguyen-ye
Автор

if i use the plugin to get this code or import to wordpress will this work same
??

JerryTomlinson-ke
Автор

sir i redid ur design but now the issue came in when i wanted to prototype it show just a white page please out

JerryTomlinson-ke
Автор

Nice edit! could tell me the website if it is published?

YishakEndrias
Автор

Lovely tutorial!
I have a question though, since this is just the hero section, how do we implement this into a full landing page?

davidnifty
Автор

why do you need to copy & paste the title & description in pages,
You just copied it & did prototype? Is there any steps missing or it is what it is? Or I'm missing something?!

cherryayu
Автор

i really wanted to follow your tutorial but could not. could you please explain everything thing in detail like "scale down and align the image" as there might be lot more people like me. Thank you in advance.

US
Автор

em làm theo hướng dẫn nhma khi tới slide cuối nó lại kéo ngược hết về slide đầu thì phải fix sao ạ

quangtuanpham
Автор

Title animation is not working please help 😅

snehasishsamanta
Автор

hey can you help me with this one? so i finished the animation but when im trying to put it on my whole landing page, the animation doesnt work. do you have any idea? thanks

manobanismo
Автор

Bro please explain slide animation by taking another example explain it bit proper way please because i tried slider animation i did it but the one u did i couldn't so please help me and make another video to doing it please 🙏🏿

tapashmazumdar