Skip to main content

​
Create a New Form

The Create New Form option is the fastest way to get a working form onto your Framer canvas. It inserts a blank form component that you can fully customize with your own fields, labels, and styling.

​
How to Create a New Form

  1. Open Forms Plugin in Framer
  2. On the home screen, click Create New Form
  3. A single-step-form component is inserted directly onto your Framer canvas
  4. The component is automatically selected — you can reposition or resize it like any other element
New form inserted on canvas
Make sure your target frame or page is selected before creating a new form. The component will be inserted into the currently active frame.

​
What Gets Inserted

When you click Create New Form, Forms Plugin adds a single-step form component to your canvas. This is a self-contained Framer component that:
  • Renders a functional form in your published Framer site
  • Accepts form fields that you add through the plugin
  • Handles form submission automatically
  • Supports styling via Framer’s built-in component controls

​
Customizing the Form

Once the form is on your canvas, you have two ways to customize it:

​
Adding Fields

  1. With the form selected, go to the Fields section in Forms Plugin
  2. Browse the Basic, Advanced, or CAPTCHA tabs
  3. Click a field type to add it to the form
Each field you add appears as a new row in the form component on the canvas.

​
Styling the Form

Use Framer’s native design controls to adjust:
  • Font, size, and color of field labels and inputs
  • Background color and border radius of the form container
  • Button text, color, and style for the submit button
  • Spacing between fields

​
Multi-Step Forms

The default form created is a single-step form. If your project requires a multi-step form flow, use the Templates library which includes multi-step form layouts.

​
Next Steps