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

[@DendisfoxDesign]

Thank you very much!❤

[@euginrobinson]

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

[@DesignWithArash]

Happy to hear that!

[@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🙏

[@modelhive]

Great!

[@rahulghosh5400]

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

[@nidarahman2305]

Amazing

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

[@easyITconcept]

Could you please make a dashboard design video

[@amirhosseinroghani315]

Well done 👌

[@DesignWithArash]

Thanks.

[@durodolaabdulsamad782]

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

[@prithviphoenix2]

Awesome

[@DesignWithArash]

Thank you.

[@AliyuAbdulmiminu]

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

[@WIN-js3fp]

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

[@DesignWithArash]

Sure.

[@emmanuelmwangi3071]

Can I borrow the design file ?

[@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.

[@TheiFilms777]

❤❤❤❤

[@DesignWithArash]

❤️

[@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.