Form

A forms will serve to collect specific information, its general structure is inputs, button and what encompasses them is the forms in general.

Objective

Create and configure forms, starting from the structure and the rules so that it is compiled.

Steps

1. Open your Figma project.

2. Create the inputs you need with your tag.

3. Create the button that will have the action of your forms.

4. Turn everything into an auto-layout

5. Open the Uncodie plugin

6. Select each input, give it the input interaction, and view its attributes.

7. Select the type of input (email, text, number, or password)

8. Select whether it will be a required input or not, and enter the placeholder, this will be the sample text in the input

9. Enter the text to send if it does not have the required format.

10. Enter the title, value, and name of the input.

11. Select the button, give it the button interaction in the plugin, and select whether it will be submitted or reset.

12. Select the parent auto-layout (the one containing the inputs and the button)

13. Give it the Forms interaction and select whether your data will be from a data source or a script.

14. Done, your forms are already configured.

Use cases

A form is used to collect necessary information, this configuration with the Uncodie plugin is necessary for all the forms you have.

When not to use

If you don't need a form in your layout, you don't need to do this setup.

How not to use

If it does not have the form structure (inputs + button = forms) it cannot be compiled.

Common problems

• Bad structuring, for example the button is outside the auto-layout of the forms.

• Bad configuration of any of the 3 elements.