Steps Written Out! 1. Enable Ruler In Figma or “Guides” with Shift R 2. Select all Carousel Components, they all should be frames 3. Drag it in the art board 4. Select the art board, unclip the content so you can see it 5. Select all of the Carousel Components 6. Hit “Option, Command, G” to add them in a frame 7. Rename the frame as “Main” PAY ATTENTION HERE 1. Select the frame with all of the carousel elements 2. Hit “Command” on your keyboard and resize the bounds of the frame to the boundaries of the carousel 3. Hit Clip Content to see the other elements are now hidden 4. Add Carousel Dots 5. Add buttons, but make sure they are out of the main frames. The buttons should be listed as frames not groups in the layers panel. 6. Select all of the elements that you just created, and pull them out of the frame. YOU ARE NOW WORKING OUTSIDE OF THE MAIN FRAME 1. Now put everything into a single frame. Option, Command, G 2. Now you have a frame with all the carousel elements you need. Now we are going to create a component set because we want to create interactive variants. 1. Duplicate the frame. Hold down option and drag the frame you would like to duplicate. 2. You should now have a new frame under the one you just created, with a “2” after it. 3. Select all of the carousel elements that are in the new frame. You are going to shift them over. Do this by holding down the shift and left (which ever direction you want your carousel to go) arrow key 4. Repeat by duplicating the second frame making it into frame 3. 5. Select all the carousel elements that you want to shift over using shift and arrow key. Now you have multiple carousels representing the carousel movements. 1. Recolor Carousel Dots. 1. Select all the main big frames, then select component set. 2. Rename as carousel components 1. Go to prototyping tap 2. Select component arrow (with the over blue dot) drag it over to the frame you want it to go to aka frame 2 3. It should say “On Tap” or “On Click”, Smart Animate, Ease out, 600ms 4. Do this will all of the arrow components 5. For the arrows (first and last) that go no where- make them have a pass through (opacity) of 0% Now our component is ready 1. Go to the asset tab 2. Your Carousel Component is ready, drag in onto the art board. 3. Now see what it looks like using your prototyping tab (play button) Done!
@ladyj3474
11 ай бұрын
Thank you Nicole, huge help!!!!
@dolonb12
3 ай бұрын
Thank you so much for the steps, and Mr. Akash for uploading the video.
@77AlexS
5 ай бұрын
This was a life saver. It took me a little while to figure out but your video really helped. YAY!
@ladyj3474
Жыл бұрын
I put your first scroll lesson to practice on my prototype. Thank you for being clear and making the process easy to understand.
@marchsen
19 күн бұрын
You are amazing! This was waaaaaay easier than other videos I have seen💕
@fated2pretend
9 ай бұрын
Just have to say thanks, again! This is the 2nd time this video has helped me out. Much appreciated
@deliciouspizza4405
8 ай бұрын
Thank you so much. I've been looking for this carousel with click buttons and here I found it!
@myriahwebb
10 күн бұрын
I have been searching for this tutorial for AGES, thank you so much for this!!
@creativerobtv498
Жыл бұрын
Hi Akash, I just want to thank you for all your videos. Been learning a lot from them, pls keep uploading more tutorials and have a great 2023!
@AkashYadavUX
Жыл бұрын
Will do 😇
@mariliatorres7563
Жыл бұрын
You saved my life! Thanks a lot for the tutorial! 💚
@armytaascellya
2 жыл бұрын
thank you, I've been looking for this
@user-bz3eg1xm7n
Жыл бұрын
This video was so easy to follow thank you so much!
@phil_creative
Жыл бұрын
Exactly what i was looking for. Awesome tutorial. Easy to follow along with. Thanks a lot!
@tazimimran4578
Жыл бұрын
Amazing content...nicely explained. You earned a sub!
@hansana0
Жыл бұрын
Perfectly Explained! Thanks For Tutorial. ❤
@punkcake4073
Жыл бұрын
Thank you! You explain really so good!
@spirux
Ай бұрын
My compliment!! You explain really well. Thank you!
@user-oc9jg6pk2n
9 ай бұрын
SAW UR OTHER VIDEOS TOO, U MAKE LEARNING FIGMA SO EASY.
Жыл бұрын
You did it perfect, thank you!
@mintfresh20
2 ай бұрын
THANKS FOR SUCH AN AMAZING TUTORIAL
@christianahfolakemi8507
2 жыл бұрын
Thank you so much for this video..Explanatory and detailed
@Alexandre-dp6ix
Жыл бұрын
Je t'aime indien inconnue tes tutos sont incroyable cœur sur toi et toute ta descendance
@chechibo283
Жыл бұрын
Thank you Akash! Really helpful and great explained!
@killertofu88
6 ай бұрын
so easy to follow along! thank you!
@fated2pretend
Жыл бұрын
Great tutorial. I watched 2 others before yours and yours was easy to follow along with. Worked perfectly. Thanks!
@OKhybrid
Жыл бұрын
Lovely stuff! Nice and clear.
@halaalsenussi
6 ай бұрын
Akash you are a life saver 🙏🏻❣️ thank you so much and please keep teaching us your tutorials are simple and easy to understand...
@Sumee21051987
Жыл бұрын
Love the way you say Carousel. Great job bro.
@AkashYadavUX
Жыл бұрын
Thanks! 😃
@kenniaolivera7871
Жыл бұрын
Thank you! Worked perfectly.
@yakshkothari2309
Жыл бұрын
Amazing tutorial, very clean & crisp instructions!! 💯
@venkateshvp3395
Жыл бұрын
You are simply superb brother very calm and slow enough so that I did the carousel correctly thanks brother ❣️
@AkashYadavUX
Жыл бұрын
Glad it helped
@olgayakovleva9562
Жыл бұрын
Great tutorial, thank you very much!!!
@joshuanaut
Ай бұрын
Great tutorial. Thank you!
@moecovidtracker4266
Жыл бұрын
great tutorial you've got yourself a subscriber
@Ogabek_Kholboev
Жыл бұрын
this video helps me a lot. Thank you so much.
@julianamadeiradesigner
6 ай бұрын
Amazing! Thank you Akash!
@taiwofaruq3105
Жыл бұрын
Hi Akash, This is a very nice and comprehensive video. Thank you and welldone🥰
@TheItchyi
Жыл бұрын
Well explained! Thank you from Gemany! :)
@alina-vi
Жыл бұрын
Thank you so much! Your video is very helpful
@brunogato1758
8 ай бұрын
Thank you very much, your tutorial was excellent.
@tatunagverdtsiteli4048
2 жыл бұрын
It was great, thanks. Just made my first carousel, I needed it for my project
@AkashYadavUX
2 жыл бұрын
Wohooo glad it helped🤓🤓
@loiselw
Жыл бұрын
so helpful, thank you! This was very satisfying to make.
@adeniyihabeeb5623
2 жыл бұрын
Thanks so much for this video ...it's really helpful 💯
@jonathanalexanderguerrero9431
11 ай бұрын
Thank you so much for your explanation! It was very useful for an university proyect! 🤗🤗🤗🤗🤗🤗
@puneetsagar5014
2 жыл бұрын
Need this type of videos 🙏🙏🙏🙏
@flaviolisboa4003
4 ай бұрын
WONDERFULL!!!! thanks so much
@vealchop2490
Жыл бұрын
fantastic tutorial. this is how I build all my carousels now
@AkashYadavUX
Жыл бұрын
😄
@guaraferreira797
Жыл бұрын
Great explanation! Thank you very much for sharing!
@AkashYadavUX
Жыл бұрын
You're very welcome!
@alexsai5498
Ай бұрын
Exactly what i was looking for 🎉❤
@AldiPrasetyo
Жыл бұрын
Amazing! Thank you for the tutorial brother.
@AkashYadavUX
Жыл бұрын
My pleasure!
@RachDev
11 күн бұрын
Thank you so much! 🙏
@your-inner-eye
Жыл бұрын
Thank you for this tutorial 🙏🏼
@theleilakitty
Жыл бұрын
thank you, very clear!! worked out
@anushkasharma6964
10 ай бұрын
Thank you so much amazing tutorial !
@fernnyapxrn
Жыл бұрын
YOU REALLY REALLY SAVE MY LIFE !! for those who confused about this "option command G" that is "Ctrl + Alt + G "on Windows
@foreverprmnt1436
5 ай бұрын
excellent tutorial!I kinda figured it out at the 9 minute mark
@priyashalini5597
4 ай бұрын
Amazing and helpful video. Thanks
@fonngigi9133
Жыл бұрын
Thank you for sharing this tip
@RohitSingh-mz4xq
Жыл бұрын
Very Nicely Explained!!
@peterabigail7895
2 жыл бұрын
This was helpful, thanks a lot .
@golyrics1286
Жыл бұрын
NICE WORK, THANKS FOR SHARING.
@jiwanjotkaur1055
2 ай бұрын
very helpful.....thnak you sir🙏
@Oleg194734
2 жыл бұрын
very good, sir, that what i was looking for !
@AkashYadavUX
2 жыл бұрын
😇
@nathanmeira5740
Жыл бұрын
Awesome tutorial! Clear and pretty straightforward
@adityabedekar4449
Жыл бұрын
Awesome Video!!, Got it on my second attempt
@alanbaskaev3907
2 жыл бұрын
This is excellent my friend.
@6boardss
Жыл бұрын
Thank you for this man
@yoericktv9610
2 ай бұрын
Thank you so much.
@joserafaelcardenasg.1806
Жыл бұрын
Muchas Gracias duré como 3 Dias para poder entender pero lo Logré! 🤞🤛
@margaret_Bobby_Tembo
Жыл бұрын
Thanks for the video, very helpful
@lordshishimanu5933
Жыл бұрын
Easy and too the point, Thanks !
@Lvisdynamite
7 ай бұрын
what a great help, thank you
@user-xu7qe2zl4c
Жыл бұрын
tq bro u have solved my headache ❤
@julia_ggg
11 ай бұрын
This is just what I needed :) Thank you for this very clear tutorial!
@dansolo360
11 ай бұрын
Thank you.
@leonardoomarfernandez8672
5 ай бұрын
very nice ! thanks !
@dadangzulian9641
Жыл бұрын
THANK YOU
@aaryanrana6895
Жыл бұрын
Thanks for the help maza aaya😊
@gtbaba123
Жыл бұрын
Ty for such small scrisp video
@ContentsTeamEcommerce
8 ай бұрын
Thank you so much 😍
@aud2ice
2 жыл бұрын
Thank you. Very helpful
@saravanavel9700
Жыл бұрын
Thank you so much
@Slampty
Жыл бұрын
Very helpful, thanks
@SamyadeepPurkayastha
2 жыл бұрын
I added mouse hover along-with this but the problem is half of the button is inside the picture, and so hovering on the inner half of the button is causing the hover animation, how do I separate the button from the hover animation? Was I able to explain the problem?
@shereelear997
Жыл бұрын
Super helpful! Thanks :)
@NguyenHoa-rb6un
Жыл бұрын
Thank you
@vicky-bl6yw
3 ай бұрын
thank you 😍
@xxtankiesharpxx-gaming7334
7 ай бұрын
Thanks bro, it helped a lot:)))))
@cesara.pichardo2368
Жыл бұрын
Excelent video!!! Thanks! **o**
@AkashYadavUX
Жыл бұрын
Thank you too!
@jcasstudio
Жыл бұрын
Thank you thank you thank you!
@joshuamensah9309
3 ай бұрын
thank you
@kingsufi6164
10 ай бұрын
It works. :) Thank you so much
@birthdaydreamdream1013
11 ай бұрын
first time i make this i failed but secon time with a new component i succes thankyouu so much this so helpfullll!!!!
@agtonugroho
6 ай бұрын
thankyou!
@techputraaa
Жыл бұрын
Thanks 👍
@shakilarosli8757
Жыл бұрын
hello, when i dragged in the component into homepage, instead of showing default carousel component 1 only, it displayed all carousel component. how do i fix this?
@abhidnyapatil9975
Жыл бұрын
Great!
@alokKumar-xg1ct
Жыл бұрын
very informative video question - in the interactive carousel there are buttons SHOW ALL can we prototype those buttons individually to work when we tap and jumps to next screens
@ranitdas5622
Жыл бұрын
Very good content. ❤️
@adityabedekar4449
Жыл бұрын
Take care with the frames and layers, follow it exactly to get the animation to work
@sekiile
2 жыл бұрын
Obrigada por compartilhar seu conhecimento Akash 😊🚀
Пікірлер: 189