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.

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

1 reply

Solved topics

Component

Will a link stay the same as I update my figma prototype?

blank preview

How to add a boolean property to my component?

Measurement Indicator Will Not Go Away

Cookie policy

Cookie settings

Related topics

Nested component not working upon useicon

Instanced component's variants don't receive updates?icon

Changes to components reset after some time, when layer was locked.icon

Absolute Positioning: Fill Horizontally

Changing nested icon components not workingicon

Solved topics

Component

Will a link stay the same as I update my figma prototype?

blank preview

How to add a boolean property to my component?

Measurement Indicator Will Not Go Away

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded

Cookie policy

Cookie settings