0 Viewsยท 12/05/24ยท Tutorials

Figma Tutorial: 3D Carousel Slider (+ free files ๐ŸŽ)


designvp
Subscribers

Join 2,500+ students and master the foundations of 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

Show more

Up next


0 Comments