Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design PREMIUM Assets: https://bit.ly/mavi-design-premium-assets
Download FIGMA for FREE: https://bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA’s features: https://bit.ly/figma-professional-plan
FREE FIGMA COURSE / SERIES: Design a Website in Figma: https://youtube.com/playlist?list=PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT
In the twentieth episode of “Designing a Website in Figma”, we’re going to create a simple, responsive and interactive form field component prototype using auto layout, component properties and variants. We will be using the prototype mode to set up an interaction and we’ll make this component interactive (default, hover, active). We’ll then use this form field component in our website and add it to our website design system.
How to create a responsive interactive form field component in figma – figma interactive website prototyping tutorial – free ux / ui web design course for beginners
————————
© 2023 Mavi Design
source
Great tutorial! Thank you. 🎉
bad tutorial
Well explanatory.
The only aspect am not satisfied with is the part of the design you skipped where we have to click outside the form to return to the default state. How do I go about this? Thanks, Mavi.
Thanks! Very usefull
Hello Mavi, and thank you for the tutorial. Should we make a component for each if we want to fill the form with different content like email, address, and phone number?
Hello Mavi! Thanks for keep making free course video. Next time, can you make a video about a responsive sidebar. i think it will be great.
It's such a good course. I've been watching since the begining, thank you for so much content <3 But I have one problem. When I make the interaction on the overlay menu, all the other interactions don't work (accordion, hover…) I don't know what's happening, do you know why?