How to add actionable fields for Web App like Drop down or text enter field

[Ragu]

How to add actionable fields for Web App like Drop down or text enter field.
P.S. I am creating Wireframe for an app, later I will export to html.

[dvaliao]

What's the simplest way of creating interactive drop-downs?

Hello, You can easily create all the interactions except for the “Select all” check box. As far as I know Figma doesn’t allow you to by clicking on a component change the state (or variant) of others. Check the video I made with a quick example: Interactive components.mov on Vimeo This could work if you could trigger a “Instance swap” by clicking on layer of that component (the same way you can change a variant). See also: Ability to change boolean properties while hovering [Prototype][Intera…

Interactive text inputs in prototype mode

Inputs are one of the most common UI design elements out there. But when you have to use them in a prototype there isn’t a good way to show what they look like when entering text. It’d also be great if we could trigger validation events like on a password input for example. This would bring more fidelity to my prototypes than just about anything.