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

I can’t find the “properties panel”

Figma Sites - Redirect for missing www. in address and the SSL

Figma MCP's recommended usage practices (get_code getting stuck)

Why my figma have old actions yet?

Someone can explain me the MCP settings? There is no help docs

Cookie policy

Cookie settings

Related topics

widgetSyncedState always returning empty objecticon

URGENT: Serious bugs in the plugin api + Limitations.

Issue: client_meta Returning Null in Comment API Responseicon

Fill popup shouldn't lock canvasicon

Figma Variablesicon

Solved topics

I can’t find the “properties panel”

Figma Sites - Redirect for missing www. in address and the SSL

Figma MCP's recommended usage practices (get_code getting stuck)

Why my figma have old actions yet?

Someone can explain me the MCP settings? There is no help docs

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