> ## Documentation Index
> Fetch the complete documentation index at: https://formsplugin.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Create a New Form

> How to build a form from scratch using Forms Plugin in Framer.

# 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. The **Configure your form** screen appears - choose the basic structure of your new form:
   * **Single-Step Form** - a standard form where all fields appear on one screen
   * **Multi-Step Form** - a stepped form with multiple screens, a step indicator, and **Next / Previous / Submit** navigation
4. Click the card for the structure you want - the form component is inserted directly onto your Framer canvas
5. The component is automatically selected - you can reposition or resize it like any other element

<Frame>
  <img src="https://mintcdn.com/formsplugin/nuH6w9HyT7O56VW4/images/screenshots/creating-forms/create-new-form.png?fit=max&auto=format&n=nuH6w9HyT7O56VW4&q=85&s=70d6df24fa221613ea09f2921f4923f5" alt="New form inserted on canvas" width="1029" height="1024" data-path="images/screenshots/creating-forms/create-new-form.png" />
</Frame>

<Tip>
  Make sure your target frame or page is selected before creating a new form. The component will be inserted into the currently active frame.
</Tip>

## 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

You can create a multi-step form in three ways:

* **Configure screen** - click **Create New Form**, then choose the **Multi-Step Form** card
* **Build with AI** - describe a multi-step flow in your prompt (see [Build with AI](/creating-forms/build-with-ai))
* **Templates** - insert a ready-made multi-step layout from the [template library](/creating-forms/using-templates)

## Next Steps

* [Explore available field types](/field-types/basic-fields)
* [Browse the template library](/creating-forms/using-templates)
* [Connect a form to an integration](/integrations/overview)