I Animated a 3D Render in Figma in 10 Minutes (Step-by-Step Tutorial)

[@DesignWithArash]

👉 Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons): bit.ly/43v79vX

[@gianlucacaredda5202]

Arash, I don't know if I will ever be able to thank you enough for all the cool things I have learned thanks to your videos and Udemy course.

[@DesignWithArash]

No problem. Glad to help.

[@k.kaiserahmed8013]

Thanks dude....your course in udemy taught me alot....best tutor ever👏☺️

[@DesignWithArash]

No problem. Glad you found it helpful.

[@decemberbug1712]

Arash you are doing an amazing job! Thank you for all the videos on KZbin!

[@DesignWithArash]

Thank you so much.

[@yammymyhammy]

Hello Arash, this very clear step by step made it possible create. It was something I had been wanting to do for awhile, and its super easy. The only time consuming part was, the copy paste didn't work with the instance at the beginning, so I had to it manually (I did it with a test render of something using 120 png frames). Why I can't figure out for the life of me why didn't work, but anyways still super great.

[@lukapetrovic5032]

Awsome bro ! 🥳

[@kingk.2547]

best solution thank you

[@Ahmed_Darwesh]

Where i can get thia images

[@PhDJAM]

thank you for the vid boss

[@DesignWithArash]

No problem.

[@montagetech-cj7qh]

can that download method be done with 3d model thank you

[@ShreejiVallbha]

how i can get Airpods all photos to create animation

[@MohanaKumar-xy5xm]

Model it yourself and render the animated model in image sequence. No other option 😢

[@noname_2323]

where can i find the rendered resources ?

[@FerdousZaman-m3l]

yes now its nice

[@DesignWithArash]

Thanks.

[@keerthana2003]

can you share the source file to practice it ? @designwitharash

[@henrychukwuemeka9670]

Hi bro thanks a lot but i have a question

[@k.kaiserahmed8013]

Question plz....

[@DesignWithArash]

Hi. Sure. What's your question?

[@payalkirankatariya9881]

I am unable to copy past the whole set of varients togther. Any suggestion pls

[@isheguboi]

Hi Arash, thanks so much for this! At the end you say it's not possible to create the scroll animation. Is there a workaround for this? I'd appreciate it. Thanks!!

[@DesignWithArash]

No problem. Unfortunately, not in Figma but you can create it in no-code tools like Webflow.

[@dhirenmoorvin]

@@DesignWithArash Are tools like Principle or Protopie a good alternative for the scroll animation ?

[@iamaboyeji]

Thank you so much for this tutorial, but please can you share the file for the airpods image, The extension is no longer working. @DesignWithArash I would really appreciate if anyone knows any other extension that would work.

[@DesignWithArash]

No problem. Unfortunately, for copyright issues I cannot provide you with the image but you can download them one by one as well without the extension. I know it's time-consuming but it works. Here is the link. www.apple.com/105/media/us/airpods-pro/2022/d2deeb8e-83eb-48ea-9721-f567cf0fffa8/anim/hero/large/0000.png You can increase the last digit of the link to get the next frame.

[@Ahmed_Darwesh]

Please can you share figma file to can take the images

[@Player1x_x]

Can you post the resources for this video,the link to download the images

[@valueinvesting.]

Thanks bro you are best ❤

[@DesignWithArash]

No problem. Thanks.

[@Meenakshi-o5i]

@@DesignWithArash 😭😭bro ples give me food delivery app ui

[@AYUSHLODHA-t1m]

hello thankyou for this amazing tutorial but i am not able to copy prototype and paste it onto all other images plz can you help me out with this

[@DesignWithArash]

Hi. No problem. What's the issue? You should be able to select the interaction in the Interactions section and copy it.

[@lr4796]

Is it possible to then use this as a website? Ideally so it could be hosted on wordpress with the animation and any prototype transitions kept

[@DesignWithArash]

Unfortunately, not. You can replicate it using no-code tools like Webflow.

[@lr4796]

@@DesignWithArash thank you so much for getting back to me. Within the last hour that's the exact same conclusion I came to so to have it confirmed by someone much more knowledgeable is brilliant 👍

[@LazyxSD]

can you make a video where i can add the text by using frames on each image for high quality because i tried the second method but unable to add text in it can you help me or else make a tutorial in it please

[@DesignWithArash]

I'll keep that in mind.

[@black_bird_official]

Is there any way to make it in scroll effect?

[@DesignWithArash]

Not with Figma. It doesn't have the Scroll trigger.

[@alinatrifann]

Hello ! Does somebody know what I did wrong,when I press Present it doesn't do the animation it staying still?! What should I change ?

[@DesignWithArash]

Please check your connections and make sure to follow all the steps one by one.

[@RickSolo92]

Hey Arash I want to become a UX/UI designer and better my life right now I’m working 2 jobs just to pay bills could u help me

[@DesignWithArash]

Hi. I hope my content can help you become a UI/UX designer very soon.

[@Meenakshi-o5i]

hi i want how to make food delivery app ui

[@DesignWithArash]

Hi. I'm not planing to design a food delivery app at the moment but maybe one day I'll do a video on that.

[@lekoman]

This is nice, I guess, as a little party trick, but it's not actually useful because you can't actually use it to specify a scroll effect for a website that your engineering team could take away and build. Seems like a really big thing Figma just can't do. It's incredible they're sleeping on being able to handle complex animation like this ... for all the woo-woo everyone has about Figma it's still limited to building pretty basic interactions. I guess that's why so much of the internet looks exactly the same these days. Everyone's just building whatever is inside Figma's capabilities.

[@DesignWithArash]

Yeah. I hope they add the trigger very soon.

[@islamic_motivator136]

plz can u give this to us'\

[@muzammalahmad849]

SIR DESIGNER KESY BTAIN K JISY PETA HO K BANANA KIA H. TOOLS TO SAB HI SEEKH LETY HN LEKIN IMPORTANT Y H K DESIGNER KO PETA HO K BANNAANA KIA H And plz sir agr ap urdu ya phir hindi m video sekty hn sir plz bna dain is topic py #requestvideo