Figma Tutorial: 3D Isometric Animation in 6 Minutes

Convert your design into code here: www.pixelfreestudio.com
Use the AR10 coupon to get 10% OFF.
In this video, I'm going to show you how to create a 3D animation in Figma using interactive components.
👉 Become a Pro UI Designer with my UI Design & Figma Mastery course:
bit.ly/43v79vX
📸 Instagram: / uiux.arash
Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 10+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 40,000 students become UI/UX designers from scratch worldwide.

[@DesignWithArash]

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

[@user-ss2bj4fv2t]

I am Persian and I am studying UX in Sweden and I have to tell you how much your videos is good for me🙏

[@DendisfoxDesign]

Thank you very much!❤

[@rahulghosh5400]

Love your content Arash. If you can make a video on how to follow popular Design System for work , it would be great ♥.

[@euginrobinson]

I learn a lot from your videos, so clear and without verbiage....

[@DesignWithArash]

Happy to hear that!

[@henrikjuhl6587]

Awesome! Thanks for making things so clear and to-the-point ✌️Q: If you had more cards, and the they had to fly in from both sides and with different pace, would you still use “After delay” and one Default Frame?

[@amirhosseinroghani315]

Well done 👌

[@DesignWithArash]

Thanks.

[@poolcreates]

Could you please share those credit card png's please! I couldn't find good stylized images, so using these same ones would help, thank you!

[@modelhive]

Great!

[@DesignWithArash]

Thanks.

[@prithviphoenix2]

Awesome

[@DesignWithArash]

Thank you.

[@nidarahman2305]

Amazing

[@DesignWithArash]

Thanks

[@easyITconcept]

Could you please make a dashboard design video

[@emmanuelmwangi3071]

Can I borrow the design file ?

[@WIN-js3fp]

Please make a tut on Start to End step by step whole UI UX project journey

[@DesignWithArash]

Sure.

[@TheiFilms777]

❤❤❤❤

[@DesignWithArash]

❤️

[@durodolaabdulsamad782]

Sorry please, the fast isometric plugin isn't showing the transform option for me

[@AliyuAbdulmiminu]

i am Aliyu and am a studying ux design and i have to tell you how much your videos mean to me thanks

[@rajendramirji3731]

Hey Arash could be silly of me but what is the reason of using the blank frame behind the card and not just linking the cards via prototype.
Is there are certain thinking/reasoning behind it using the frame to set the animations.

[@lakshaynagpal3626]

i think you can do it just by cards itself and skip the blank frame step

[@prafullkumarswarnkar]

A blank frame is necessary here just to make it come from the sides. If you want to skip that card incoming animation then its not necessary

[@prithviphoenix2]

It also helps to position the cards correctly while the frame remains stationary

[@DesignWithArash]

That’s true. Thank you.

[@user-mr2zl5wt6m]

Your voice is amazing 🙈

[@DesignWithArash]

Oh, thank you very much.☺️

[@jmodesignlab]

So how would you get that on an actual site?

[@DesignWithArash]

You can make it using Framer or Webflow.

[@motion_time]

تنکیو داداش

[@DesignWithArash]

🙏🏻🙏🏻

[@ranjnachauhan8248]

Very creative. Could you please share your LinkedIn handle? I'll design this and would love to tag you.

[@funwave7748]

Awesome

[@DesignWithArash]

Thank you.