Creating File Upload Forms

In this tutorial, we'll show how to use the file upload form element in the Weavely pluign

Weavely allows respondents to upload files of various formats while ensuring control over the file size and types. So, if you need to collect files from your respondents, you can use Weavely's File form element which is also very easy to configure.

‍

Adding a File Upload form element in Figma

Steps

Step 1

From the Library in the plugin select a "File" form element. It will then appear in the Component Library on your left. Copy the File component from there and paste it to your form, or drag it from Figma's assets panel.

Step 2

Configure the file upload options

Edit the field name to reflect the purpose (e.g. "CV Upload").
Mark the field as required if necessary.
Set the maximum number of files allowed (e.g., "1").
Specify the maximum file size (in MB) that respondents can upload. (the maximum size of the file that can be uploaded is 5 Mb)
Define the allowed file formats from a provided list (e.g. PNG, MP4, PDF, etc.). You can choose as many options as you need.

It's all set! Now, publish your form.

uploading files to a form built in figma

That's how file upload works when the form is published to the web.