Apple's Website Animation in Figma | Beginner Tutorial

[@joinmetodesign]

It was the best Figma tutorial. Thank you for sharing your knowledge.🌹

[@diveshjangid9172]

Absolutely just what i was searching for! Loved the simple tutorial❤❤

[@DesignWithArash]

Glad it was helpful!

[@AdaReinhold]

Thanks, that was really easy. Could you show us how to create other nice transitions from the apple website?

[@DesignWithArash]

No problem. Sure.

[@kynx_designs]

Please how frequently can you release more videos…We need more videooooooosssssssssssss…You ARE THE BEST OF ALL

[@DesignWithArash]

For now once a week. Thank you.

[@manihasreddy6348]

Really helpful , you got a subscriber bro

[@DesignWithArash]

Glad it helped. Welcome aboard.

[@jasminemahajan2304]

Thank you for showing such easy videos. Many designers don't show such descriptive videos❤

[@DesignWithArash]

My pleasure 😊

[@mccarthyephraim]

thanks so much, you're such a genius

[@DesignWithArash]

You are welcome. Thanks a lot.

[@anu1una475]

So cool! It was very easy to follow!

[@DesignWithArash]

Glad to hear that.

[@LucasStolz-q3k]

Thanks for sharing this, helped me a lot in my project at work.

[@DesignWithArash]

No problem Glad it helped.

[@matinmirzapoor4688]

we proud of you dear arash , carry on dude...

[@DesignWithArash]

Thank you so much dear Matin.

[@erwin_lustig_art]

Thanks! Great video

[@DesignWithArash]

Glad you liked it!

[@retroworld7472]

thank you, just finished my first annimation

[@DesignWithArash]

No problem.

[@shubhamsandillyablog]

bro you are sharing these ideas in such normal easy way awesome thanks

[@DesignWithArash]

Thank you so much. Glad you liked it.

[@ideanmodarres]

how about working with scroll? that works with arrow key

[@marmeh6083]

Hello Arash. I am trying to create a menu app and i face an issue. I want to create a category bar that drops for you to see it after scrolling to a certain point for my menu. Please tell me if there is a video of yours already out there that can help me or if you don't mind making one. Your videos help me a lot thank you!!

[@atishchakma7634]

for prototyping which tool you will suggest ? Protopie or Figma ? And what's tool you actually use for your designing production ?

[@DesignWithArash]

Figma.

[@anthonyrampolla3884]

Wow, What an amazing tutorial.

[@DesignWithArash]

Thank you so much.

[@anthonyrampolla3884]

@@DesignWithArash no the thanks is to you, keep up the good work. if you ever need an idea, it would be cool to see how the apple double navigation bar is made. thanks again

[@AhmetMo105]

Please can you make a video in this design using Webflow?

[@DesignWithArash]

Sure.

[@dominikdelinic9951]

is it possible to do that with scrolling like on the apple website?

[@DesignWithArash]

No, because Figma doesn't have the Scroll trigger.

[@UXDesire]

Eu queria que você comenta-se sobre o frame em relação ao Figma ! Você já usou , vale apena ?

[@reidirect]

Im curious how do you add this to your website. Could it work on web builder like squarespace.

[@colbyborges4703]

How can you add this to your website design now. I want this animation to be shown below my hero in a website. Can you show how to make the prototype play the animation within the website template.

[@Xgil2Play]

You might want to learn coding in CSS and JavaScript.

[@yamitibug]

Arash is the best

[@DesignWithArash]

Thank you very much.

[@skysharma7100]

can we control animation with scroll going forward or back

[@DesignWithArash]

Not yet. Figma doesn't have that trigger.

[@asmaahamdy7459]

It’s so amazing, I watched all videos you share and practice, I really wait for more amazing tutorials. But I didn’t understand this tutorial key/pad game How it works when I open prototype?

[@DesignWithArash]

Glad you liked them. You can use the arrow keys on your keyboard to go to play the transition.

[@psychodrama9781]

Love it

[@DesignWithArash]

Thanks. Glad you liked it.

[@dineshdorriyal]

Hi, I just love your videos. The ebook link is not working. Could you please send me the link so that I can go through that, Thanks in advance

[@DesignWithArash]

Hi. Thank you. Glad you liked them. The link is working properly. Could you please check your Spam or try again?

[@jakemoran]

Hi there, my images just simply dont load in for the prototype. I have tried PNG/ JPEG and both just... arent there in prototpye mode.

[@payalkirankatariya9881]

How did u download the studio image

[@ahmedkhalil4601]

I am not an expert with Figma, but can we extract these animations as MP4 videos?

[@DesignWithArash]

Nope, but you can record your screen.

[@SalmanHaris-q3h]

Bro which software

[@sarveshwarang5674]

Hiii arash, I have one problem My frame 2 was not scaling down after holding shift + alt What should i do now...? I use windows laptop There is any another key's for the windows...?

[@DesignWithArash]

Hi. Hit K on your keyboard and use the Scale property on the right to scale it down.

[@vedmohan001]

is there any website where we can get 3d render frame by frame animated photos of different objects just like we used in this video.

[@DesignWithArash]

Not that I know of.

[@HamsterKombatMastery]

Nothing related to Apple's website animation. Apple uses image sequence. Your video in the beginning and in the end result is very different.

[@BEATSEKIN]

how to put these 3 frames in a mobile design? any ideas?

[@DesignWithArash]

You can scale them down. Just hit K to select the scale tool.

[@soundinjectionpk]

how did you download the image at 0:55

[@achiyant]

i have one question ? Does apple developer uses figma or they just make whole animation on their own?

[@DesignWithArash]

No. They create the animation in a professional animation software like Adobe After Effects.

[@valdemario1982]

Thanks! Very useful

[@DesignWithArash]

No problem.

[@Nicholas_Oduor]

Could you by any chance have the source code? Please...

[@snnsay]

how can we do this animation while scrolling down?

[@DesignWithArash]

Unfortunately, Figma doesn't have this type of trigger now. Hopefully they'll add it soon.

[@snnsay]

@@DesignWithArash thanks so much.

[@universeftw2858]

Bro how u copy that text?

[@DesignWithArash]

Hit Ctrl/Command + C and then Ctrl/Command + V.

[@Criro911]

they do it with a lottie json

[@trshani1110]

i am waiting for your good response

[@DesignWithArash]

Hi. I can't see your question. Did you ask me one?

[@NaiveDreamer]

It is not even close to Apples animation... Trigger on key, no 3D, no video. You would be fired from every good design studio

[@S1LENCE381]

Exactly man. I was also looking for something and it is not what it claims to be. Sed lyf.

[@fernandosiahaan906]

Developers nightmare

[@DesignWithArash]

Hahaha. Yes😅