How To Create An "add To Cart" Button Animation In Figma Using Smart Animate
21.3K views · 2023-07-31
UI DesignInteraction & UX
💥Watch my Framer tutorial: https://youtu.be/C14b3JjEDlQ
Learn how to create a button with Wow effect animation in Figma using smart animate, that will blow minds of your clients!
In this video tutorial I will show you how to use smart animation feature in Figma to create simple but fancy button effect.
👉 Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182944
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
🎶 https://www.epidemicsound.com/referral/am81qn/ — best service for royalty free music, use the link to get 30 days for free.
📝 Content:
00:00 — intro
00:10 — how to design a button
03:56 — how to create component with variants
06:30 — creating animation inside component
08:00 — result
-------
#figma #figmatutorial #figmatips #webdesign
Learn how to create a button with Wow effect animation in Figma using smart animate, that will blow minds of your clients!
In this video tutorial I will show you how to use smart animation feature in Figma to create simple but fancy button effect.
👉 Link to file: https://www.buymeacoffee.com/sergeichyrkov/e/182944
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
🎶 https://www.epidemicsound.com/referral/am81qn/ — best service for royalty free music, use the link to get 30 days for free.
📝 Content:
00:00 — intro
00:10 — how to design a button
03:56 — how to create component with variants
06:30 — creating animation inside component
08:00 — result
-------
#figma #figmatutorial #figmatips #webdesign