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

# Create a form

> Build a new form from scratch using the drag-and-drop builder, or generate one instantly with AI.

Every form in FormFlows.ai starts from the **Forms** dashboard. Click **New Form** in the top-right corner to open the creation dialog, then choose how you want to build it.

<Tabs>
  <Tab title="From scratch">
    Building from scratch gives you full control over structure and layout from the first field.

    <Steps>
      <Step title="Name your form">
        Enter a name for the form in the **Form name** field. This name appears in your dashboard and in the browser tab when the form is embedded. Choose something that makes it easy to identify later, such as "Q3 Customer Feedback" or "New Employee Onboarding".
      </Step>

      <Step title="Choose a starting template or blank canvas">
        Select **Blank form** to start with an empty canvas, or pick one of the pre-built templates — such as Contact Form, Event Registration, or Support Request — to get a head start. Templates include pre-configured fields and logic you can modify or remove.
      </Step>

      <Step title="Add fields">
        In the form builder, click **Add field** or drag a field type from the left panel onto the canvas. Fields stack vertically by default. You can reorder them at any time by dragging the handle on the left side of each field row.

        See [Field types](/guides/field-types) for a full list of available field types and their configuration options.
      </Step>

      <Step title="Configure each field">
        Click any field to open its settings panel on the right. From here you can:

        * Set a **label** and optional **description**
        * Mark the field as **required**
        * Add a **placeholder** or **default value**
        * Enable **validation rules** (character limits, number ranges, format checks)
        * Assign a **field ID** used in API responses and conditional logic
      </Step>

      <Step title="Organize with pages and sections">
        For longer forms, click **Add page** to break the form into multiple steps. Within a page, click **Add section** to group related fields under a heading. Section headers improve readability and can be shown or hidden with conditional logic.
      </Step>

      <Step title="Configure form settings">
        Open the **Settings** tab in the top navigation bar to configure:

        * **Submission behavior** — redirect to a URL, show a confirmation message, or allow multiple submissions
        * **Notifications** — send email alerts to your team when responses arrive
        * **Spam protection** — enable CAPTCHA or honeypot protection
        * **Response limits** — close the form after a set number of submissions or a specific date
      </Step>

      <Step title="Preview and publish">
        Click **Preview** to open a live preview of the form in a new tab. When you're satisfied, click **Publish**. Your form is now live and accessible via its share link or embed code.
      </Step>
    </Steps>
  </Tab>

  <Tab title="With AI">
    The AI form generator builds a complete form — including fields, labels, and conditional logic — from a plain-text description. You can then edit the result exactly as you would any manually built form.

    <Steps>
      <Step title="Open the AI generator">
        From the **New Form** dialog, select **Generate with AI**. A prompt input appears in the center of the screen.
      </Step>

      <Step title="Describe your form">
        Type a description of the form you need. Be specific about the purpose, the audience, and any fields or logic you want included. The more detail you provide, the more accurate the result.

        <Tip>
          **Example prompts that work well:**

          * "Create a job application form for a software engineering role. Include fields for name, email, LinkedIn URL, years of experience, a dropdown for preferred tech stack, and a long-text field for a cover letter. Make experience and cover letter required."
          * "Build a customer satisfaction survey with a 1–5 star rating for overall experience, individual ratings for support, product quality, and delivery speed, and a text box for additional comments. Show the comments field only if the overall rating is 3 or below."
          * "Generate a medical intake form with fields for patient name, date of birth, insurance provider, a checklist of current medications, known allergies, and emergency contact details. Group the fields into logical sections."
          * "Make a simple event RSVP form asking for name, email, dietary preferences as a dropdown, and whether they're bringing a guest. If they select yes to bringing a guest, show a field for the guest's name."
        </Tip>
      </Step>

      <Step title="Review the generated form">
        FormFlows.ai generates a complete form and opens it directly in the builder. Review the field names, order, and types. The AI will have made reasonable assumptions — for example, using a dropdown for a small set of options or an email field for contact addresses.
      </Step>

      <Step title="Edit and refine">
        Modify any field by clicking it to open the settings panel. You can add, remove, or reorder fields the same way as in a manually built form. If the generated logic or structure isn't quite right, you can also click **Regenerate** and adjust your prompt.

        <Note>
          Regenerating replaces the current form entirely. If you've made manual edits you want to keep, edit individual fields instead of regenerating.
        </Note>
      </Step>

      <Step title="Publish">
        When the form looks right, click **Publish**. Your form is immediately live. You can continue editing a published form at any time — changes take effect as soon as you save.
      </Step>
    </Steps>
  </Tab>
</Tabs>

## Next steps

<CardGroup cols={2}>
  <Card title="Field types" icon="list" href="/guides/field-types">
    Explore every available field type and its configuration options.
  </Card>

  <Card title="Conditional logic" icon="code-branch" href="/guides/conditional-logic">
    Show or hide fields and pages based on a respondent's answers.
  </Card>

  <Card title="Styling" icon="paintbrush" href="/guides/styling">
    Customize colors, fonts, and branding to match your product.
  </Card>

  <Card title="Embed your form" icon="code" href="/guides/embed">
    Add your form to any website with a single line of code.
  </Card>
</CardGroup>