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

Solved topics

Restoring deleted Team Projects

Turn off notifications for specific project (Oct 2023)

Changes published in library are not updating component instances in other files that use the library

Artboard sizes are exporting 1 pixel off

Text variable mode unlinks when resizing a component

Cookie policy

Cookie settings

Related topics

Every icon best practice you need to knowicon

Generating interactive controls from a list of texticon

Solved topics

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