We've all stared at blank canvases long enough to know how scary they can be. That's why we regularly publish new form templates in the Figma community pages. You can simply import these templates, change what you need and publish them as fully working forms from within Figma. In this short tutorial we show you how you can speed up your form-building process in Figma by using these templates.
When you visit our Figma Community page you'll notice our "Figma to web form" plugin. But you'll also notice that we have a bunch of free form and survey templates which you can freely duplicate.
Each of these templates can readily be imported in the Weavely plugin, and be published immediately as a working web form or survey (we'll show you how in the next section). Alternatively, you can simply use these templates as sources of design inspiration as well!
It only takes two simple steps to turn one of our Figma Community templates into a working form or survey.
As you do with other design files in the Figma Community, start by duplicating one of our templates.
Navigate to the page in the design file which contains the actual form or survey. When you open the Weavely plugin, and choose your publish mode, you'll notice that "Import existing form" is selected. Just hit "Create Form" to turn the Figma template into a working Weavely web form or survey.
⚠️ Depending on the community file the form creation process might take a while, sit tight while the plugin works in the background ⚠️
You'll notice that our more complex design files have both mobile and desktop versions of a form or survey. You can publish both versions as separate forms or surveys and use link sharing tools (e.g. Linkly) to make sure that your respondents are served the right form or survey depending on their device.
Chances are that you chose a template because you like the style or the colours, but that the actual questions don't precisely match your form or survey. Feel free to adapt the design anyway you see fit and simply hit the "Publish" button to see the changes in your web form. For example, in the gif below we change a question from the original templated form before republishing it.
If you're already familiar with Weavely you might be wondering what the difference is with our Figma Community templates and the templates available in the plugin itself. Some of our community templates are the same as the templates available in the plugin from a design perspective. However, some of our community templates offer more complex designs, which cannot readily be generated by our plugin. For example, this is the case for our UX Survey Figma Template.
