> ## Documentation Index
> Fetch the complete documentation index at: https://qawolf-try-for-free.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Quick Start

> Connect your application, generate your first flow, and run your first tests with QA Wolf.

⏱ **Time to complete:** 10–15 minutes

## Before you begin

<Check>
  Before getting started, make sure the following are set up:

  * **You have access to a QA Wolf workspace.**<br />Create an account below or [Sign in](https://app.qawolf.com/sign-in) to your existing account.

  {/*
    Styling below is pulled directly from the live homepage component's
    computed styles (measured via devtools on the actual hero form), not
    eyeballed from a screenshot: border-radius 10.8px (not a full pill —
    the earlier draft over-rounded this), 1.5px black border, 3.6px hard
    shadow, 44px height, 18px "GT Flexa" font at regular (400) weight, not
    bold, 9.9px/13.5px padding, button fill #0DF2CC. Input is a fixed 300px
    wide on the real site (not responsive/flexible), matched here too.
    */}

  <div style={{ display: 'flex', justifyContent: 'center', padding: '4px 8px 8px 4px' }}>
    <form data-signup-form style={{ display: 'flex', flexWrap: 'wrap', gap: '12px', alignItems: 'flex-start' }}>
      <input
        data-signup-email
        type="email"
        name="email"
        required
        placeholder="your work email"
        style={{
  flex: '0 0 auto',
  minWidth: 0,
  width: '300px',
  height: '44px',
  boxSizing: 'border-box',
  padding: '9.9px 13.5px',
  borderRadius: '10.8px',
  border: '1.5px solid #000',
  boxShadow: '3.6px 3.6px 0 #000',
  fontSize: '18px',
  fontWeight: 400,
  fontFamily: '"GT Flexa", Arial, sans-serif',
  lineHeight: '18px',
  background: '#fff',
  color: '#000',
  colorScheme: 'light', // stop the browser auto-dark-styling this input in dark mode
}}
      />

      <input
        type="submit"
        value="Try for free"
        style={{
  flex: '0 0 auto',
  height: '44px',
  boxSizing: 'border-box',
  padding: '9.9px 13.5px',
  borderRadius: '10.8px',
  border: '1.5px solid #000',
  boxShadow: '3.6px 3.6px 0 #000',
  background: '#0DF2CC',
  color: '#000',
  fontWeight: 400,
  fontSize: '18px',
  fontFamily: '"GT Flexa", Arial, sans-serif',
  lineHeight: '18px', // input[type=submit] centers text vertically on its own; no flex trick needed here
  whiteSpace: 'nowrap',
  cursor: 'pointer',
  textAlign: 'center',
}}
      />

      <div data-signup-feedback style={{ display: 'none', width: '100%', textAlign: 'center', color: '#b00020', fontSize: '14px' }} />
    </form>
  </div>

  * **QA Wolf can access the application you want to test.**<br />If your application is behind a firewall or private network, a [**VPN or network allowlist** must be configured](/qawolf/QA-Wolf-s-static-IPv4-29c5b2a994fb81bf8487d085abf9dc4d) so QA Wolf infrastructure can reach it.
</Check>

## Step 1: Map your application

Give the Mapping AI a target URL for your application (e.g., staging.wolfcorp.com) and tell it to map all the workflows.

Read more: [Map your application's workflows →](/qawolf/Map-your-app-s-workflows-2a45b2a994fb80ca8a87c8fdc2a443fc)

## Step 2: Automate a workflow

Select a workflow and ask the AI to write the test code.

Read more: [Automate flows using AI →](/qawolf/Automate-flows-using-AI-2d35b2a994fb8084b524cfc9aca7c358)

## Step 3: Check-in your new test code

Do a code review and check in your changes.

## Step 4: Run your test

Congratulations! You have a test suite.

## Next steps

<CardGroup cols={3}>
  <Card title="Key concepts" href="/qawolf/Glossary-29c5b2a994fb806d93f2ce4554a2fcfc">
    Learn how workspaces, environments, flows, and runs are organized.
  </Card>

  <Card title="QA Wolf's Full Service" href="/qawolf/Full-Service-FAQs-29c5b2a994fb8000b442fa8aed05c9e5">
    Let QA Wolf build and maintain your test suite for you.
  </Card>

  <Card title="Automation guides" href="/qawolf/Create-a-new-flow-2c15b2a994fb802193a5c05e0219eb59">
    Learn how to write, debug, and maintain flows.
  </Card>
</CardGroup>