Best Figma Plugin for Landing Page Animation - Figma & Framer Tutorial (No-code)

Create your free Framer account: www.framer.com/?via=tonjrv
Live website: noiseanimation.framer.website/
Remix the project for free: framer.com/projects/new?dupli...
Noise & Texture Plugin: www.figma.com/community/plugi...
In this video, we'll guide you through the process of creating a cool website animation with Figma Plugin, and import it to website with Framer. All of this without any coding needed.
Chapters:
00:00 Preview
00:16 Noise & Texture - Figma Plugin
03:12 Import to Framer
05:51 Final
Don't forget to like the video if you find it helpful and subscribe to our channel for more tutorials and design inspiration.
_________________________________________________________
Find me on other channels:
Twitter/X: / tonjrv
Instagram: / tonjrv
Threads: www.threads.net/@tonjrv
________________________________________________________
If you have any questions or suggestions, please leave them in the comments section below.

[@scottderek3131]

This is amazing,love your contents man. How about you create a playlist for beginners where you get to filter contents based on the videos that would get them started in designing with framer. I suggest this because framer channel has a whole lot of videos and this could be overwhelming for beginners so tailoring the videos to exactly what would help them get started with basic website designs would seem great. Cheers.

[@tonjrv]

Hey mate, huge thanks for the praise, it means a lot! 🔥
And I love that recommendation. I was actually planning to create few "truly beginner" videos soon, so the different skill level playlists would be great addition with them. I'm definitely going to do that. 🙌

[@perry_the_platypus200]

​@@tonjrv Yaayy really looking forward to your work!!!

[@thewebstylist]

So awesome!

[@tonjrv]

Thanks mate! 🔥

[@DrNikhilRavi]

Let's Go!!

[@tonjrv]

Letsgooo mate! 🔥

[@des7638]

uncking amazing show

[@tonjrv]

Thanks mate! 🔥

[@CainanSideris]

Hey man quick question! I am starting to use Figma, and I tried to create a simple button component for my framer site but when I copy and paste it the colors don't transfer. I have a linear border for my button (purple and blue) and when I paste into framer it's just black. But if I try to paste it with a solid color it works. Any thoughts on this? I'm wondering if it has to do with the fact that framer does not allow linear borders and only solid ones... but I thought the point of using Sigma was to import whatever designs you want to make. Thanks in advance!

[@bwolson]

Framer currently can’t use gradient boarders. Workaround is make a button fill a few pixels larger than another absolutely positioned pinned layer that will be button fill. The larger layer you apply the gradient to.

[@tonjrv]

I think this is the only way to do it for now. I made this tutorial where you can see how to apply a gradient border to a card: ua-cam.com/video/JqmNT2miQ7o/v-deo.html
You can use the same method for the button as well. 👍

[@mamunmiahbd]

Sir, I have a problem, how to change the color by next.

[@tonjrv]

Hi mate, just add the link that directs you to different page, and then update the colors inside the separate page.
Let me know if this helps 🙌