Figma Form

Figma Form

Form is the universal term for elements that capture and submit user input within your UI. Whether you’re initiating processes, signing in, requesting data, or making a purchase, forms will follow every interaction a user makes.

A form consists of form fields or inputs, which are standalone components inside the form. These input elements include Text Areas, Date Pickers, Toggles, Counters, and Selects. You can mix and match these components to create full-fledged forms. Other elements like Radio Buttons, Checkboxes, and Buttons are not part of a form field.

We can use each input component without wrapping it inside a form field and make it function independently. Still, a Form unites these input fields, allowing them to track user input and produce fully functional outcomes.

A Form component is what unites these separate inputs. The form fields include labels, errors, hints, prefixes/suffixes, and icons. On this page, you’ll find a collection of Figma Form examples showcasing how these components come together.