Website Animations Using ONLY Figma

Why this effect appears after restarting preview

the developer crying in background

nice work

Thank you for your video!

Your video is kind a bur

very helpful

Flux Academy always coming in with the gold stuff. Thanks for this, GREAT starting point for more complex animations which I can already imagine doing. Like for example, putting more variants in the loading bar, making it look like it is actually loading instead of just going through. Animating the illustrated elements as well, and then the icons, etc. Thank you again!

Great! As much as I do not believe you can somehow teach people how to pick fonts – your figma tutorials are the top notch youtube tutorials.

Hi, some steps are very fast, and assuming that the viewer knows the options

Wow 😮 thanks you , really great this video

All this animating in Figma is great and all, but what happens to it when you try and turn it into an actual, fully functioning website? I've seen a lot of plug-ins and other services that claim to convert Figma designs to websites, except that many of them say nothing (or very little) about preserving animations?

It would really suck having to recreate all these cool animations after exporting. That would be like giving yourself twice the work! Am I missing something?

thanks so much for this! started using Figma transitioning from XD and still learning how best to navigate with components quickly. That replace function is new and saves time!

Why did my components and all that turn invisible? When I want to export them over webflow they are still invisible? Do you know what I should do to make them visible and still have their transition function?

Amazing tutorial, I had been having trouble understanding the logic behind the animations, but no more! Thanks a lot!

Nice. Niow have a dislike coz you mention NFTs in your example.

I loved this, Taught me a lot! Thank you so much!

Nice video i really enjoy. It's gonna help me a lot

Any idea why my prototype arrows go straight down instead of with a curve from the right?

Se você não pode utilizar o que você produz no Figma é inútil, não se aproveita nada do seu projeto pra colocar em execução.

This was great; thank you! I love how you attach the file here so we can follow along! & have a video of building this site on Webflow! So cool!

Hey Ran, great tutorial! I have tried all these animations out, they work very well but how can you then export your animations made in Figma to HTML?

how do you use that animation made in figma on your website, can you export it?

Not working for me 😢😭

…figma balls?

There is one more easier approach to mask! – just turn the text container into frame (with clip content enabled)

And in 1st state drag the text down/up and in next state center it again ❤️

it's gonna make my design to be another next level. thank you so much

Great tutorial as usual. Thank you 😊

hey! this is an older video and I doubt that you will see this comment but I wanted to ask if it's also possible in Figma to play videos in the background of the website without having to start the video itself?

this does not seem to work for me. I tried doing exactly this with a dropdown component upon clicking. When I select change to, it only gives me the option to select the original component. I looked up this problem, but nobody seems to know what's wrong.

Amazing video man, very insightfull. Thanks for sharing

Next level ❤‍🔥& Thankyou

Thank you!

Hahahaha sae dudee

Short and usefull thxs

*Adobe has entered chat: ..

Hii,
I understood that we can add animations to first screen but can we do it to the next slides? Bcos all the screens load at once.

I hope u got my doubt 😅😅

Well this video aged well…

The best 💖

Can I ask a question about Figma Animation that has been questioned by my Dev Team…..Can the Figma Smart Animate that you show here in the video been coded for them – and where can I get that code in Figma for them please from the prototype. Thanks!: Daryl

How to change your change your channel rack from Dub back to the original channel rack you have

How did you get the effects chain on the left side of the setuper?

My first ti ever gettin on soft soft was in 17 man it a whole year to use to soft soft

This is great, thank you!

Question. Is the preloader necessary? Without the preloader will there be a long delay depending on the user's loading time?

Impressive!!!

So when making these components you can use the same one for another button just changing the text BUT to keep it working you have to NOT delete the original component on the art board?

This is gold. Can't thank you enough, you're bringing my designs to a new level

Thanks for tutorials, sorry im late wathc this video, but its so amazing 🔥💪👍