Help Centre

How can we help?

Search Docs

How to create a new form in Framer

How to create a new form in Framer

How to create a new form in Framer

Add a form builder in the insert menu

  1. Open the insert menu with the + button in the top left.

  2. Hover over the "Forms" button on the left.

  3. Click on the "Form Builder" button at the top.

Now you have a new form with a few inputs and a submit button!

Add form inputs

  1. Open the insert menu with the + button in the top left.

  2. Hover over the "Forms" button on the left.

  3. Click on the "Form Builder" button at the top.

Now you have a new form with a few inputs and a submit button!

Add more form inputs with FramerForms

FramerForms adds tons of new inputs that are fully compatible with Framer's form builder! You can mix and match Framer inputs with input components from FramerForms.

Click on any of the buttons below to copy, then paste into a form in your Framer project.

Make your form a multi-step form (optional)

Now that you've customized your form, you can turn it into a multi-step form with multiple pages, previous and next buttons for navigating pages, and conditional logic.

Framer Forms power ups for pros

Unparalleled form-building with FramerForms. Multi-step forms, file uploads, conditional logic & more!

Framer Forms power ups for pros

Unparalleled form-building with FramerForms. Multi-step forms, file uploads, conditional logic & more!

Framer Forms power ups for pros

Unparalleled form-building with FramerForms. Multi-step forms, file uploads, conditional logic & more!

Home

Live Chat

What's New

Help

Available Mon - Fri

9AM - 5PM AEDT

Hey builder!

How can we help?