3D Carousel in Figma Using Smart Animate

No video

3D Carousel in Figma Using Smart Animate | Prototyping Tutorial

Рет қаралды 320,038

uxpeak

Күн бұрын

Пікірлер: 208

@Drop_cat Жыл бұрын

This tutorial is amazing! I'm a data scientist who recently trying to get into the world of UX/UI and your videos are exactly what i need! Thank you so much!! Keep up with the good work!

@uxpeak Жыл бұрын

Hi there! 😊 Wow, your words truly made our day! It's so exciting to hear that a data scientist like you is venturing into the world of UX/UI and finding our tutorials useful. Stay tuned for more.

@mdgolamrabby156 8 ай бұрын

@@uxpeak you should share your images that your use your project . Pls share it in the video description

@LenIk2598 Жыл бұрын

Wow, this tutorial was super helpful and interesting. Absolutely love the animation!

@uifry 11 ай бұрын

"Wow, this design is absolutely breathtaking!

@uxpeak 11 ай бұрын

Thank you! Really appreciate it.

@olivia_the_tech_girl 9 ай бұрын

Thanks a lot! I didn't even expect this tutorial to be so detailed and helpful! Thousands thanks :)

@the3amsociety 8 ай бұрын

Junior Developer crying in the corner

@snehithyadav1208 7 ай бұрын

😂😂😂😂

@friday077 7 ай бұрын

😂

@kimberlymoak6104 6 ай бұрын

LMAOO

@opokurosemary2173 6 ай бұрын

😂😂

@c0rpsecr0iX 5 ай бұрын

For real. 😅

@takingiteasydaisy 11 ай бұрын

Amazing! Thank you for sharing. I think It might work for a donut website i wanted to build. Can't wait to practice it this afternoon.

@gladyswairimu3443 5 ай бұрын

I loved this tutorial. Thank you so much!

@uxpeak 3 ай бұрын

❤

@K.KusumaPriya 4 ай бұрын

This was the best tutorial ! Love from India😃

@uxpeak 4 ай бұрын

Thank you very much. We are very happy to hear that you liked i! ☺

@lunapro8003 Жыл бұрын

Fantastic tutorial! The carousel looks amazing!

@uxpeak Жыл бұрын

Thank you for your kind words! We're delighted to hear that you like the carousel animation. Stay tuned for more! Happy designing!

@FigmaHubtech 2 ай бұрын

This tutorial is amazing and I'm improving my figma skill thank you so much ❤

@faateme_fr 10 ай бұрын

That is amazing. But I have a question, How can we have the images?

@micdrop_army Ай бұрын

Its ammaaazzinnggg❤❤❤ great work you are awsomee

@uxpeak Ай бұрын

Happy to hear that you liked it :)

@samahsaeed1261 6 ай бұрын

i loved it, but i don't understand how the bowls were spinning and how the background fruits were fading when switching can you demonstrate that please? thanx in advance

@thongang5737 3 ай бұрын

What a video man! Thanks a lot 🙏

@BenginurHajjaj 8 ай бұрын

amazing tutorial . so fun to design it .thank you

@jbryanmusic Жыл бұрын

I love this thank you!

@uxpeak Жыл бұрын

We're thrilled to hear that you loved the tutorial! Stay tuned for more insightful tutorials and thank you for your support!

@dominikd9436 Жыл бұрын

Love this tutorial ❤❤❤ Thank you so much

@uxpeak Жыл бұрын

We're glad to hear that you loved the tutorial! 💜

@LIFE10002 Ай бұрын

@@uxpeak where you get these pic

@a7medj1 Жыл бұрын

thank you, that was helpful🙏

@uxpeak Жыл бұрын

Glad it was helpful 🙂

@user-kw2hi7dp8h 10 ай бұрын

I loved the design what u have done. Pls make more videos like this

@firetechlearn1161 2 ай бұрын

Wow' interesting .it's helpful for every designer.Thanks lot.

@miroslavak.3666 Жыл бұрын

Excellent tutorial 👍

@uxpeak Жыл бұрын

Glad you liked it!

@zubayduhabbas3550 10 ай бұрын

simple and useful, thanks !

@thetrue1095 9 ай бұрын

So Amazing technique!

@domdan45 Жыл бұрын

Amazing

@uxpeak Жыл бұрын

Thank you! Stay tuned for more exciting and informative content.

@KigCha 10 ай бұрын

this is so cool, I hope to see more of your videos :))

@goldenwords9647 3 ай бұрын

Very nice sir🎉

@uxpeak 3 ай бұрын

Very happy to hear that you liked it :)

@gpm79 9 ай бұрын

Hello, I followed the tutorial step by step and it worked out well, my question is, how do I export all the frames together as HTML, or better, how can I export this animated banner to WordPress using Elementor?

@cherryc0smos1 10 ай бұрын

Really good Appreciate your efforts. 😄

@Njegos24fit Жыл бұрын

and then how to publish it and how to tranfer them into framer to finish full site to add some links and staff like thet, cause when i transfer them into framer the animation doesnt work anymore, plss some advices. Thanks :)!

@sokratiszervos3775 Жыл бұрын

amazing tutorial.. can i embedded this in a website?

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

Super! ✨

@user-ks2ns2er8v 9 ай бұрын

Thank you! So simple and easy to understand, even tho im not an English speaker hehe Thank you! Finally I did it! Yahoo

@Ibibiofame 3 ай бұрын

this was so easy to follow. Thank you so much. However my question is does it just work for a landing page? i tried it for a complete homepage and the prototype just moves to the next frame that i prototyped it with, how can i design it to still show the same homepage with all the other elements?

@ilmafareed2956 2 ай бұрын

Same problem here

@user-yw3wf3by1s 8 ай бұрын

hi im gonna try this for my college project , could you please clarify if It is possible to transport this carousel to Webflow along with its animations? please let me know and thank you for this wonderful tutorial!!!!!

@sairohith2121 2 ай бұрын

Good bro it's very useful for practice do some more projects keep it up ❤🎉

@user-iw1zv7bz5o 3 ай бұрын

Thank you so much!😍😍😍😍😍

@svtcarat6235 3 ай бұрын

i did the same thing but my product doesn't move it only changes

@harrypap2345 11 ай бұрын

I love the design, but as a programmer i would hate to create it ^^

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

Thank you so much❤❤

@Mariamadk 10 ай бұрын

Mind blowing, Wow this is super helpful thank you so much❤❤❤ i was wondering if it’s possible that you add the items in the video as in an exercise file for beginners to rehearse and apply with you everything?

@uxpeak 3 ай бұрын

Thank you :)

@artsoftdesigns4549 Жыл бұрын

Thank you!!!!

@Emmyrazy 10 ай бұрын

This is nice. ❤🎉

@ColonialDesign 10 ай бұрын

Great

@talhabinmushtaq1 Жыл бұрын

Clean tutorial but hope for full tutorial videos in future.

@1073Pramoth 11 ай бұрын

its Amazing bro ❤

@vivektiwari1102 4 ай бұрын

thank you i learn new one>

@Ravikumar_krishnan Ай бұрын

Thank you for your tutorial first. After done this design how to download and how to use this video? How to share in social networks? Where will use this video

@Abirami030 Жыл бұрын

Where do you get the images of smoothie bowl i need that

@abuhararah2846 Жыл бұрын

Why he would tell you that.. They are clever. They don't want you to make the same design 😂

@uxpeak Жыл бұрын

Hello! Unfortunately, we don't have the rights to distribute some of the assets we used in this video. Don't worry, you can find similar images for your own project! You can check out freepik.com and search for "smoothie bowl" and "fruit on white background" to find very similar images. Once you've got your images, you can use a background removal tool to isolate the objects. This way, you can recreate the designs with your own unique twist! Happy designing!

@vennielu5688 10 ай бұрын

Thanks for sharing

@sajesan8740 5 ай бұрын

plz image name or link,,?

@SpiritualLadki 10 ай бұрын

Hi awesome tutorial, could you please tell from where did you get those fruit and bowls pictures? I search mine from google but not able to find any kind of picturr this beautiful and clear. Plz reply

@designverseofsaloni 9 ай бұрын

Same issue bruh, did you find anything helpful?

@SpiritualLadki 9 ай бұрын

@@designverseofsaloni naaah!

@iqrafirdous3738 Жыл бұрын

Amazing 😍

@myjourneywithjesus2 16 сағат бұрын

SINCE THIS IS NOT A COMPONENET HOW TO ADD THIS TO MY WHOLE PAGE WITHOUT HAVING TO CREATE THE WHOLE PAGE WITHOUT HAVING TO DUPLICATE 4 PAGES EACH FOR THE INDIVIDUAL FRUITS

@daniellegathings7651 Жыл бұрын

Okay I got it but something is off, when I press on each one, they go by to fast when you select a different one

@TaiNguyen-mb7eg Жыл бұрын

WOW, I wonder how you put that prototype into a running laptop screen?

@uxpeak Жыл бұрын

We used After Effects. 🙂

@marianatalia8651 6 ай бұрын

Would you be able to send the link to the website where you downloaded the images with the food dish?

@AtharvaPatil-ck2uf Ай бұрын

Excellent Design..!! PLease provide the project files or the assets you used.

@gdj777 11 ай бұрын

Very Nice

@woody504 2 ай бұрын

this looks awesome! How can this be converted into a website from figma?

@oygies7248 11 ай бұрын

Nice! How do you export the prototype video from figma to put it into Aftereffects?

@gunadAgp 11 ай бұрын

Good jobs

@ets7400 3 ай бұрын

Amazing job 👏 where can I get files used to exercise?

@suriyasuriya5211 7 ай бұрын

Sir the left portion smoothie curve design how to do sir kindly tell me sir

@uiuxzaid 7 ай бұрын

you can use Pen tool in figma to make any kind of shapes

@janetcpn 4 ай бұрын

Nice! But may I know after having this animated frame done, how do we export it into HTML package? Appreciate if you can help. cause I having an issues of after animated into few frame it seem I can't export it into a HTML package through anima to my developer.:(

@Mga-quotes 7 ай бұрын

😍😍

@natacastillo5277 3 ай бұрын

It doesn't rotate from the 1st plate to the second, I only see a transition in dissolving, but from the 2nd to the end and the options are all the same...help please!!

@Jimskier1314 9 ай бұрын

it can be done with wordpress elementor? or thru code only? thanks for cool tutorials bro.

@Bahar-2000 8 ай бұрын

nice

@uxpeak 8 ай бұрын

We are delighted to hear that you like the carousel animation. :)

@atkakhurshid3872 3 ай бұрын

cool

@Dhairya.007 7 ай бұрын

If I want to practice how I am going to get that image of the cereal can you give us the link of downloading the image?? It will help a lot !!

@imransabbir9578 9 ай бұрын

Bro, what if i want to add more than 4 products like 10 or 15 products. Can i do it in a single eclipse ?

@uiuxzaid 7 ай бұрын

yess you can

@enriqueruiz320 Жыл бұрын

😍😘

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

Thanks....

@meynoosh Жыл бұрын

subscriiiiibe🥰 tnx for sharing this awesome video❣

@thevakiswonderla8587 9 ай бұрын

I added a carousel like this in the second part of the page for showing categories. However it seems to scroll up when the next button is clicked. How do I prevent that?

@vinodtamta1111 8 ай бұрын

thankyou sir

@rebeccatom2188 Жыл бұрын

Just honestly curious, whats the point of creating these designs if they are able to be translated directly to actual code that can be used in a real website? Unless you can with a plugin and I'm missing something... Like, is this just for design concept purposes?

@fayaz4663 Жыл бұрын

It makes the development process easier since you already know all the properties of each element on the page. Can you code something like that without a prototype ? 😮

@rebeccatom2188 Жыл бұрын

@@fayaz4663 Oh yeah I can see how it's easier for planning purposes

@fayaz4663 Жыл бұрын

Have a nice day 🍪💐.

@Codewithhsarah 4 ай бұрын

what abou the programmer

@CricketFanClubvm1wy 10 ай бұрын

From where we can collect images .... Please give link or else please explain how did u got those images

@tropicalhousemusic601 Жыл бұрын

Hey, you can make videos with subtle in Spanish please, great job; from colombia ❤

@uxpeak Жыл бұрын

Hello! Thank you so much for your support all the way from Colombia. ❤️ We're considering adding subtitles in various languages, including Spanish, to make our content more accessible. We'll certainly take your suggestion into account. Stay tuned and thanks again for your feedback!

@ginanjar5462 28 күн бұрын

it works but when i put them into new web frame it stopped working what should i do

@aditidev5124 11 ай бұрын

I tried the same but my bowl is not rotating :((((((99

@_Error_404_Goodbye Жыл бұрын

And that’s how you get a sub

@girlyglimmer12 11 ай бұрын

Can i ask a question are this design live on the internet working with a backend also . Can ui awesome design be connected with the backend also ? Please i need to know this