Button OUTLINE TO FILL (On HOVER) in Less Than 130s (Figma Tutorial)

Visit my STORE: bit.ly/mavi-design-store
Explore Mavi Design COURSES : bit.ly/mavi-design-courses
Download FIGMA for FREE: bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan
In this interactive prototyping Figma tutorial, we'll take a look at how to quickly and easily create a button that changes from outline (stroke only) to full (fill and stroke, full color, opaque) in less than 130s in Figma. A button that goes from outline (transparent) to opaque when you hover your mouse cursor over it. This tutorial is easy to understand, great for beginners and step-by-step explained. In this video you'll learn how to quickly set up an interactive button component that has a hover and "while hovering state"
How to create / design / build an interactive button component that goes from stroke (outline) to fill (opaque) when you hover over it (hover state) in Figma (step-by-step explanation tutorial with examples)
Topics: Figma interactive prototyping, Interactive components, button hover
----------
© 2022 Mavi Design

[@GavinGordonBSc]

I've been trying to understand how to make buttons for almost a week now and this really helped. Thanks a lot

[@leticiamgr]

You're the best! I'm learning a lot with your tutorials.

[@ichigo968]

Thx man I was so frustrated but now I am relieved

[@pretomroy3197]

Thank you so much.

[@kosargraphist7710]

👌🏻👌🏻👌🏻👌🏻