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

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

UI Adrian 58.7K subscribers
816.5K views · 2023-04-14 UI DesignInteraction & UX
Work with my design studio → https://designme.agency

Master UI design for $9 with my new ebook!
👉 https://howtodesignbetter.com/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!

https://uiadrian.gumroad.com/l/prototyping-pack

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 👋
Instagram - https://instagram.com/uiadrian
Twitter - https://twitter.com/uiuxadrian
Linkedin - https://linkedin.com/in/adrian-kuleszo/

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 👇
https://howtodesignbetter.com/design-manual

For website designers & freelancers 👇
https://howtodesignbetter.com/web-design-guide

My Figma Mastery video course 👇
https://howtodesignbetter.com/figma-mastery