Path Animation for Objects in Figma: with & without Plugins

Рет қаралды 15,511

Күн бұрын

Starting with the basics, I'll show you how to create a point-to-point zigzag animation, perfect for beginners. Next, we'll elevate your skills by teaching you how to animate objects along a smooth, curved path - no plugins required. Finally, for those looking to achieve professional results with ease, we'll try a super easy method using Figma plugins that streamline the animation process. Whether you're a novice or looking to speed up your workflow, this tutorial has you covered.
#figma #pathanimation #figmaanimation
⏱️Timestamps:
0:00 - Intro
0:24 - Zig-zag straight point-to-point animation
4:58 - Curved path animation (without plugins)
11:08 - Super easy method using plugins
🔴 Don't forget to Subscribe. Trust me it's absolutely FREE - bit.ly/SubToDesignXstream 😅
Do you have some ideas or topics in mind? Please do comment below we will make sure to check it out and do it if possible 🥳
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🌍 Social Media:
↪︎ LinkedIn - / designxstream
↪︎ Instagram - / designxstream
↪︎ Facebook - / designxstream
↪︎ Twitter - / designxstream
↪︎ Website - DesignXstream.com
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🏷 Tags: Path Animation for Objects in Figma, Figma zigzag path animation tutorial, animate curves in Figma without plugins, easy Figma animation plugins guide, learn object path animation in Figma, step-by-step Figma path animation, Figma animation for beginners, advanced path animation in Figma, simple Figma plugin animations, DIY Figma object motion path, Figma curved animation without coding, quick Figma path animation methods

Пікірлер: 27

@lissyjoy3424 6 ай бұрын

Very helpful class sir

@zographiaa 5 ай бұрын

Super helpful, thank you :)

@DesignXstream 4 ай бұрын

Cheers! ✌🏼

@maheshbiruduganti1718 6 ай бұрын

Great knowledge sharing ,thanks man

@DesignXstream 6 ай бұрын

My pleasure! 😁

@maurits2251 3 ай бұрын

Thanks for the video!! I was wondering how I can I do this where the objects slides along the line as I scroll down. I have a path like this where on each part of the path you can read steps. So I would love to creating something where as you scroll down the object follows.

@DesignXstream 2 ай бұрын

Scroll animations are not yet possible in Figma. And there are no hacks also. Will share if I'm able to find something on these lines.

@bilalkhawaja5099 Ай бұрын

Such a helpful video brother, thank you so much for this.

@DesignXstream Ай бұрын

Glad you like it! Cheers bro ✌🏼

@simranthadani8769 2 ай бұрын

THANKK YOUUUUU

@DesignXstream 2 ай бұрын

Cheers! ✌🏼

@mukulthakre5966 6 ай бұрын

Great Sir 👍

@DesignXstream 6 ай бұрын

Thanks Mukul 🙌🏼

@hussnainraza4483 4 ай бұрын

Good Work!

@DesignXstream 4 ай бұрын

Thank you! Cheers! ✌🏼

@inhquanduong4839 5 ай бұрын

tks so much

@DesignXstream 4 ай бұрын

Cheers! ✌🏼

@yacwac 4 ай бұрын

does the Motion plugin work in figma prototype?

@DesignXstream 4 ай бұрын

No, you can export it as a GIF and place it on Figma.

@Commet0 6 ай бұрын

I found a way how to insert videos to non-pro projects in Figma, but it requires having one person with pro plan

@DesignXstream 6 ай бұрын

Is it like the pro plan user has to first insert the video and then any other user can duplicate that file and use that layer anywhere else? I did this when video feature was released and I was able to do this on the playground file. Not sure if this trick works now.

@Commet0 6 ай бұрын

@@DesignXstream yes it works just fine

@DesignXstream 6 ай бұрын

@@Commet0 that's interesting! :D Funny how Figma missed this loophole.

@Commet0 6 ай бұрын

@@DesignXstream I think figma can't fix it))