Figma Tutorial: 3D Carousel Slider (+ free files 🎁)

Master UI design for $9 with my new ebook!

Learn how to create amazing 3D carousel sliders with rotating effects in Figma, with no plugins, videos, and no Lottie files, just simple techniques!

And don't forget to grab the free Figma files to test this animation yourself!

Timestamps:
00:00 - Intro
00:18 - Mockups, labels, and fruits
02:56 - Creating our design
05:41 - Creating realistic labels
07:51 - Adding shadows & fruits
10:37 - The "3D rotation"
12:20 - Sliding background
13:40 - Animating text
15:26 - Prototyping time!
16:29 - Play the Prototype!
17:06 - Outro

Connect with me 👋

Thanks for dropping by my channel - if you enjoy what you see, feel free to subscribe and hit that bell notification, and I promise to bring you a ton of free value every week!

----------------------------------------------

P.S. If you're interested in learning UI/UX design feel free to check out my design ebooks - there are free samples available (110+ pages total).

For mobile designers 👇

For website designers & freelancers 👇

My Figma Mastery video course 👇

[darkyzuwu]

This was so fun to re-create side by side with you, ngl finding the right model, the right pictures was much harder than I thought it'd be lol. But it was so much fun, thank you Adrian, you're amazing!

[aditithakur]

I love how you have mentioned all the shortcuts on the screen you are using throughout the process. Being a beginner, getting stuck in these things is really frustrating. :D

[edalson_]

I'm new to the world of UX/UI and these videos are such an inspiration to me, thank you so much.

[uifry]

"I've been looking for design tutorials, and this video is a gem. The way you share tips and shortcuts is incredibly valuable."

[andremarques]

I’m very excited to try this! I’m a beginner in the world of UI/UX and thought this was so cool! I can’t wait. I’ll edit this once I finish it!

[apoorvadas]

This was amazing. But how did you export the animated prototype??

[dpahfl]

Very cool tutorial, it's crazy all the stuff you can do with Figma!

One thing I noticed in the end product is that the fruit shadows still show the apple ones, so that's something to keep in mind.

[kindnessorimolade]

This is the only detailed tutorial I've seen so far on this kind of animation, many thanks❤
Though when I tried the multiply layer to achieve the realistic look of the can it doesn't work

[NagapraveenkumarKosanam]

How to select individual flavours of soda from picture

[ggtvyig]

Hi, Iam a fresher in this UI field and I enjoyed this .. Its really cool and new to learn. Thanks.

[haritpatel]

Loved video, didn't knew that figma can be this awesome.

Thanks for an amazing content bruh.

[Lr]

Thank you so much for your awesome videos and this tutorial as a beginner. It was a success for me and so cool this can be done! Can't wait to try your other tutorials/videos!

[majelisdigital]

Really cool tutorial. Thanks you. I'm from Indonesia.

[Believer-ykth]

I thought it very difficult to do but after watch this tutorial, I did it my first time.I love it your tutorial style ❤❤❤

[sepidy]

Awesome Tutorial, Adrian! Thank you for inspiring us!
Today we are challenging ourselves to recreate it on Day [14/30] of our April Design Challenge on FigChallenge!
🤩🤩🤩

[tietienne]

Great tutorial, thank you! It's actually simpler than it may seem at first glance!

[leet]

I’m a Japanese student. I enjoyed watching this video😊 I will try this animation soon!

[sapurachewae]

Fabulous! Thank you Adrian. Will be waiting more tutorials from you :D

[aquiyahdesigns]

This is really cool. I have been following your designs and instagram for sometime and I must say that you're really creative.

[almusknowsbetter]

New subscriber here!! Great to know there are content creators like you brother!! More videos to come!