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

Question

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.

djv · Answer

What's the simplest way of creating interactive drop-downs? Ask the community        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 Share an idea        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.

Sign up

Login with SSO

Login to the community

Login with SSO