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

source

43 Comments

  1. such an amazing and informative video, especially you showing which keys you use for what, like the transparancy, was so good and made it wasy to follow. i still have a question though, is there a way to implement my design into a shopify store?

  2. Hello brother !

    I copied the properties of those Labels in Adobe illustrator and pasted in Figma as you did but it pasted as ''Image'' but for they all are separate components.

    help me with this problem !

  3. Thank you for the video! It's so useful for me! But I have met a problem is when I am dragging to another page, I found out that m,y floating fruit didnt drop down as yours, may I know how can I do it? Thank you

  4. I'm unable to apply multiply on can and the background, either its applying mask or multiply but not both at the same time, any idea anyone?
    Found the issue, we need 2 images of can, one will be used for masking. Took me full day to figure it out

Leave A Reply

Please enter your comment!
Please enter your name here