Advance Micro Animation✨- Glowing button in Figma
ฝัง
- เผยแพร่เมื่อ 15 ก.ค. 2024
- In this video, you will see how easily you can make a micro animation for your button. A glowing effect that moves around the button. You will see how to design the appearance and how to use a prototyping tool to create the animation. Get sure to watch this video until the end!
#Microanimation #figma #DesignTools
📌 Timestamps:
0:00 - What you will see in this video
0:23 - Design the button
4:25 - Make the Micro animation
9:24 - Result and final words
Whether you're a beginner or an experienced designer, you'll find valuable insights in this tutorial. Follow along and take your Figma skills to the next level with this captivating micro-animation technique.
👍 If you found this tutorial helpful, don't forget to give it a thumbs up and subscribe to the channel for more design tips and Figma tutorials!
Let's Learn together #UX and #UI , #Design, #figma #prototype
🔔 Subscribe for weekly design tutorials:@Kimoartcave
--------------------------------------------------------------------------------------------
🔥 Check out some of my other popular tutorials:
Variables: create dial pad: • #figma Tips and Tricks...
Advance micro-interactions in Figma: • Level Up Your Micro-In...
--------------------------------------------------------------------------------------------
🌐 Connect with me:
Instagram: / kimo.artcave
Photography: / kiagraphy.a. .
Twitter: / kiarashmoazzez
TikTok: / thekimo.artcave
LinkedIn: / kiarashmoazzez
--------------------------------------------------------------------------------------------
My name is Kia, and I am a UX generalist working for more than 10 years as a designer in the industry. here I am sharing my learnings related to UX and UI design, Figma tutorials, general design tips, and tricks. join me in this channel and let's learn together and become better designers. - วิทยาศาสตร์และเทคโนโลยี
Which micro interaction you want me to make?
Parallax animation with variables or without it
Super cool! Relatively little effort with a cool effect! 🎉
Thank you♥
this video was pretty awesome. thank you Kimo
❤️
Awesome video, thank you so much!
❤️
Learnt something new 🙏🏽
Glad to hear it ❤️
Amazing work, now I'm your new subscriber ❤
❤️ welcome to the Fam Afroza!
❤❤❤
❤️❤️❤️
Great
❤️❤️❤️
yo bro amazing video
❤️❤️
Make more interaction animations
Sure, share your Ideas of what you like to see more here with me!
Hello, Thank you for the video. My animation is not as smooth as yours. There is a lag in the circling. Can you explain how to get rid of it? Once it goes around the corners, it slows down, then speeds up again. Thank you for the help, I appreciate it.
Hi there! I can't say for sure what can be the issue, but you might have to check the keyframe of your interactions and get sure that they are well aligned. The timing setting is also important, maybe better to us, linear timing, and also get sure that you do not have delays for your interaction, which might cause some lag.
I am not getting the expected result. Can anyone please help me to solve the issue?
how to do it in code? html css
Ахуеть, наконец то понял как сделать кнопку
My button not come out expected. Layers name same, stroke same everything i did same as you did. the transition is laggy. starts normal then its slowing, then normal again. its crazy, absurt.
I will try it again and see if something has changed since the published date of the video. Thank you ❤️
@@Kimoartcave Thanks for your quick reply, I will be waiting for an update!
❤❤❤
❤️❤️