Create micro interaction in Figma like a pro 🚀 Using smart animations
Micro-interactions are smooth and simple animations that help users to have a better understanding of any changes in any elements of the user interface.
In this video, we are going to create a simple call to action button with a micro-interaction using the smart animation feature in Figma.
📌 Timestamps:
0:00 - Start
0:19 - What are micro-interactions
0:32 - Animation in prototyping tools
1:21 - Intro to design
1:50 - Text animation
4:00 - Heart icon interaction
6:09 - Call to action
7:48 - Final result
8:01 - Last word
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: Designing a F...
Advance micro-interactions in Figma:
• Level Up Your Micro-Interactions in #...
--------------------------------------------------------------------------------------------
🌐 Connect with me:
Instagram: https://www.instagram.com/kimo.artcave/
Photography: https://www.instagram.com/kiagraphy.a...
Twitter: https://twitter.com/kiarashmoazzez
TikTok: https://www.tiktok.com/@thekimo.artcave
LinkedIn: https://www.linkedin.com/in/kiarashmo...
--------------------------------------------------------------------------------------------
My name is Kia, 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.
Видео Create micro interaction in Figma like a pro 🚀 Using smart animations канала Kimo
In this video, we are going to create a simple call to action button with a micro-interaction using the smart animation feature in Figma.
📌 Timestamps:
0:00 - Start
0:19 - What are micro-interactions
0:32 - Animation in prototyping tools
1:21 - Intro to design
1:50 - Text animation
4:00 - Heart icon interaction
6:09 - Call to action
7:48 - Final result
8:01 - Last word
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: Designing a F...
Advance micro-interactions in Figma:
• Level Up Your Micro-Interactions in #...
--------------------------------------------------------------------------------------------
🌐 Connect with me:
Instagram: https://www.instagram.com/kimo.artcave/
Photography: https://www.instagram.com/kiagraphy.a...
Twitter: https://twitter.com/kiarashmoazzez
TikTok: https://www.tiktok.com/@thekimo.artcave
LinkedIn: https://www.linkedin.com/in/kiarashmo...
--------------------------------------------------------------------------------------------
My name is Kia, 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.
Видео Create micro interaction in Figma like a pro 🚀 Using smart animations канала Kimo
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
#redbull product packshot slider. #ui #ux #figma. full video on my youtube.#design #uidesignThe WhatsApp UI redesign in the Kimolab - Basic!Learn UX design from a senior designer - with Hannah (Episode 1)Custom Cursor in Framer! Add more fun to your design 🪄Design like a pro in Figma | Design teaser cardsLevel Up Your Micro-Interactions in #Figma! 🚀 | Create Smooth & Complex AnimationsPlay piano in Figma - Advance #prototypingFunctional login form in Figma - Real text input !Set variable mode 🌟Figma new featureHow to design a responsive layout in figma?Learn Auto layout in Figma! | How to use Group, Frame and Section?Full functional video player in FigmaAdobe to Acquire FigmaBoost your UX and UI design skill! Welcome to KimoReal Camera in prototype, In Figma and ProtopieMouse effect in Figma! tracking the mouse position.How to make Animation In Adobe Xd: Everything You Need To KnowWhat is graphic design?Glowing Cursor Effect Tutorial in Figma🌟 | Step-by-Step GuideResponsive design for all devices - How to use #autolayout and #variables?Customize your mouse cursor in the Figma 🌟