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

Рет қаралды 533,643

Күн бұрын

Join 2,500+ students and master the foundations of UI design for $9 with my new ebook!
👉 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!
uiadrian.gumroad.com/l/protot...
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 - / uiadrian
Twitter - / uiuxadrian
Linkedin - / 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 👇
howtodesignbetter.com/design-...
For website designers & freelancers 👇
howtodesignbetter.com/web-des...
My Figma Mastery video course 👇
howtodesignbetter.com/figma-m...

Пікірлер: 340

@darkyzuwu 9 ай бұрын

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!

@aditithakur8924 6 ай бұрын

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_504 Жыл бұрын

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

@uiadrian Жыл бұрын

You're welcome Edgardo! 😊

@L0r110 11 ай бұрын

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!

@sapurachewae9805 10 ай бұрын

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

@uifry 10 ай бұрын

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

@vCreativedesignideas 4 ай бұрын

figma shortcuts www.youtube.com/@vCreativedesignideas?sub_confirmation=1

@tietienne82 7 ай бұрын

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

@haritpatel5001 11 ай бұрын

Loved video, didn't knew that figma can be this awesome. Thanks for an amazing content bruh.

@THOMASKJACOB 9 ай бұрын

wow amazing,Thanks for the tutorial Adrian

@j.p.3513 8 ай бұрын

Thank you Adrian. That is very help channel for somebody who just begin UX road.

@dpahfl 11 ай бұрын

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.

@marekwroblewski2967 7 ай бұрын

The shadows seem to be fine in the demonstration at the start. I wonder what the issue is.

@thelibraryroom 7 ай бұрын

Beautiful work Adrian

@CLAUCLAU Жыл бұрын

OMG i'm in love😍😍😍! Thank you!🤩

@mktoysreborn 10 ай бұрын

Nice work man. U are amazing. 👏

@user-gg2tv5yi5g Жыл бұрын

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

@aquiyahdesigns Жыл бұрын

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

@uiadrian Жыл бұрын

Glad you like them! 🤝

@andremarques9427 Жыл бұрын

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!

@uiadrian Жыл бұрын

Have fun testing the files Andre!

@andremarques9427 Жыл бұрын

@@uiadrian I finished it! Thank you for this tutorial. I learned a lot and it was a lot of fun! The prototype worked wonderful!

@sonicmusic. 11 ай бұрын

@@uiadrian love you bro big fan

@BeatsbyG2SH 6 ай бұрын

You've just earned a subscriber. Good work brother.

@aftertheearth_ 11 ай бұрын

Awesome! Adrian 😍

@ariyotemitope9989 3 ай бұрын

this is great i follow the steps and it worth my time... thank your for sharing your knowledge

@iligoliman 5 ай бұрын

Thank you so much, great tutorial.

@DungBui-mw1ix Жыл бұрын

amazing tutorial thank you so much Adrian

@uiadrian Жыл бұрын

Thanks Dung! I'm glad you liked it :)

@damiojetunji Жыл бұрын

Thank you so much for sharing! I can’t wait to try this out.

@uiadrian Жыл бұрын

Hope you like it!

@rsulresul8969 10 ай бұрын

Excelente muy bien explicado, me funciono al 100

@debbsrose 8 ай бұрын

I truly appreciate it

@leet7305 11 ай бұрын

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

@alextearez 8 ай бұрын

Amazing work!

@AjasAura 9 ай бұрын

SO cool! Def trying

@nl9324 4 ай бұрын

Thank you, this is amazing 🤩

@magdanestor Жыл бұрын

Really cool tutorial. Thank you 🔥

@uiadrian Жыл бұрын

Happy to help! 😁✌️

@valentinaverissimo5584 Жыл бұрын

Thanks for sharing!

@Gostosolucas 5 ай бұрын

Amazing channel bro congratulations and thanks for the content (I'm from Brazil and I really like your content)

@rb.webdesigner Жыл бұрын

Hi Adrian! This tutorial is amazing! Now I follow you even here! ✨

@almusknowsbetter7547 4 ай бұрын

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

@MAhsan-ji8jp Жыл бұрын

Amazing work really appreciated

@uiadrian Жыл бұрын

Thank you! Cheers!

@Toxicgossiptrain_ 3 ай бұрын

Subscribed instantly thanks for the great tutorial

@israelaguirre7250 3 ай бұрын

Hey adrian nice tutorial appreciate it!

@Believer-yk7th Жыл бұрын

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

@uiadrian Жыл бұрын

I'm so glad! Thanks :)

@rashmir5731 10 ай бұрын

Hi can you please tell me how did you edit vector image the fruit cider in adobe, thanks

@aqsaahmad8469 Жыл бұрын

Amazing work love it 😍

@uiadrian Жыл бұрын

Glad you like it! 😁

@bbeenbie2212 6 ай бұрын

thanks a lot! this mean to me that i am leaning from the beginner

@tarun78mail 11 ай бұрын

Awesome!!👍

@khemrajunior Жыл бұрын

Really cool thanks for sharing!!!

@uiadrian Жыл бұрын

You bet! Enjoy :)

@crisryantalavero2275 8 ай бұрын

Wwooooooooooooo so smooth and smart.

@asjadali7430 Жыл бұрын

Amazing work brother ❤

@uiadrian Жыл бұрын

Thank you! Cheers!

@kindnessorimolade641 7 ай бұрын

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

@hariskhalid90 10 ай бұрын

best explaining video ever saw...

@donbao 3 ай бұрын

I like this animation! It's cool

@Batatafritaaaa Жыл бұрын

Amazing work

@uiadrian Жыл бұрын

Thanks a lot Lucas! 😊

@dilshadgraphicsdesigns3815 9 ай бұрын

you are awesome man really helpfull tutorial

@ercaneraslan6926 10 ай бұрын

Thank you so much.

@user-do4ek5qb5d 6 ай бұрын

Best tutorial!!!

@ifyokocha6288 Жыл бұрын

Beautiful 🥳

@uiadrian Жыл бұрын

Thank you! 😊

@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! 🤩🤩🤩

@uiadrian Жыл бұрын

Sounds great! Good luck Guys :)

@designmasteryofficial 10 ай бұрын

That's something very cool 😎

@user-tk8vt1pi2n 11 ай бұрын

Very cool!

@med-am Жыл бұрын

Amazing work keep going

@uiadrian Жыл бұрын

Thanks!

@fudium34 20 күн бұрын

Bro amazing ty

@Katrinbetta 3 ай бұрын

DID IT! but it was hard in the end ^^ Thanks!

@LanceMonarch Жыл бұрын

Beautiful

@uiadrian Жыл бұрын

Thanks you Lance!

@user-do4ek5qb5d 6 ай бұрын

You are amazing!!!

@sigma_helpNfun 10 ай бұрын

Finally I found my mentor bro you😊

@Alexisrk 11 ай бұрын

QUE LOCURAAAA!

@kelvinokonye4571 Жыл бұрын

Thank you for this video.

@uiadrian Жыл бұрын

Glad it was helpful! 😊

@annamoghaddam1216 4 ай бұрын

thank you🙏

@itachiuchiha1real Жыл бұрын

Keep going I love it ❤❤

@uiadrian Жыл бұрын

Thanks 😊 More coming soon!

@rahul_lsh Жыл бұрын

So smooth!!!!

@uiadrian Жыл бұрын

Thanks Rahul!

@md.shakil8449 Жыл бұрын

Amazing!

@uiadrian Жыл бұрын

Thanks a lot :)

@Junaidali-hw7lw Ай бұрын

Amazing

@Study_Serenade Жыл бұрын

Awesome 🔥

@uiadrian Жыл бұрын

Thanks 🔥

@rahulmudhiraj7785 5 ай бұрын

u earnd a new subscriber bro

@majelisdigital Жыл бұрын

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

@uiadrian Жыл бұрын

Thanks!

@thevezevulunderground2079 Жыл бұрын

thanks for the tutorial

@uiadrian Жыл бұрын

Any time! :)

@vstamilcreations9461 Жыл бұрын

Really a Good work

@uiadrian Жыл бұрын

Thank you! Cheers!

@sonilramteke668 3 ай бұрын

awesome 🤩🤩😍😍

@0nejah Ай бұрын

looks cool

@skuiff7578 9 ай бұрын

Love this! You should've added in the three dots at the bottom to show it's a slider

@hassanarsalan3759 11 ай бұрын

you are great🥰

@angelicojohnrago2878 Жыл бұрын

Cant wait for you to have a 100k subscribers

@uiadrian Жыл бұрын

Thank you Angelico! 😊 Maybe one day!

@BhushanChandurkar668 4 ай бұрын

Very well bro

@houceme6143 9 ай бұрын

one of best tutorials if it wasn't the best

@NikLearning Жыл бұрын

This design is really cool, I must have made a mistake, my prototype was not working properly. I'll try this again ❤

@acrab2858 Жыл бұрын

really help full

@uiadrian Жыл бұрын

Happy to help 😁

@dwiananda7701 10 ай бұрын

NICE INFO

@AskaTyan 9 ай бұрын

Wow 🤩❤ It’s amazing, I want make same ❤️❤️❤️

@1073Pramoth 10 ай бұрын

its Amazing Bro -_-

@mariel1853 5 ай бұрын

Like it super helping from Philippines

@SMFahadHussain 10 ай бұрын

Very good

@thevikingsock8527 11 ай бұрын

Works for a metal can, bravo.

@sabricmk9969 7 ай бұрын

Great 👍

@roca9731 Күн бұрын

Omg 😍 thank a lot Adrian 🔥 is there a possibility to put in a shopify please?

@oksanakarpenko7751 Ай бұрын

Cool!111

@mucahitmurat6402 5 ай бұрын

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?

@nord4296 Жыл бұрын

Amazing work👍🏻 will you do a full Figma tutorial for beginners please? Covering the new update too that would be a great course .. thanks

@uiadrian Жыл бұрын

That's the plan!

@jothish-tl7ki 2 ай бұрын

Nice

@user-rs4ju6wy5u 11 ай бұрын

DDDDDDDDDDAaaaaaaaaaaaaaaaayyyyyyyyyyuuuuuuummmmmmmmm bro have mastered Figma and silenced UX/UI design freelancers!! the best. definity gonna share and subscribe