If you don’t feel like building a form from scratch or you just want to get some inspiration on the content of your form, you can turn for help to our AI generator.
1. Click on “Generate with AI” and leave a prompt. You will see a text preview of your form in a dialogue with our chatbot. You can then ask to add/remove questions from the suggested form, or ask to generate a completely new one. If you're happy with the copy, click "Continue" at the top right.
2. Your form will be generated within seconds, displaying three frames. On your left, you will see the component library frame containing components of all added form elements. The second frame is your form itself. And the last frame is the "Thank you" page that is generated automatically along with the form, to make your form creation process easier.
In principle, the generated form is ready to be published and collect responses. But of course, you're free to edit the content and design, as well as add new form elements.
If you need to add a new form element that hasn't been initially generated by our AI, you can access all the elements in the component library in the plugin window. Select the required form element, and it will be added to your component library frame. Copy it from there and paste to your form.
But if, for example, you already have a set of radio buttons in your form but you would like to add another set, just copy the radio buttons component directly from your component library frame and paste it to your form.
Our AI generator focuses on the content of the form and is not yet capable of generating forms in certain styles. Therefore, any form you build with its help will be generated in our default style. Thanks to Figma, you have total freedom in editing the design of your form.
If you want to style your form elements, there are two ways to do this:
The latter means that any changes you make to the component element will automatically apply to all its instances. But if you make changes to an instance (i.e. your form itself), it won’t affect the main component. However, if you want to change the design of various checkbox or radio button states (i.e. on hover, on select, default) you can only do so in the variants available in the component library.
