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

# Quickstart

> Capture your first UX flow map in under a minute.

This guide takes you from sign in to a live, shareable UX map.

<Steps>
  <Step title="Sign in to the app">
    Go to [app.benchcanvas.app](https://app.benchcanvas.app) and sign in. You can use an email sign-in code or email and password. See [Sign in](/sign-in) for details.
  </Step>

  <Step title="Start a new capture">
    On your dashboard, paste the URL of any publicly accessible website into the new capture dialog. This is the fastest way to get value.

    <Tip>
      Start with a marketing site or a public product page. Pages behind a login need the [Chrome extension](/extension/record-authenticated-flows).
    </Tip>
  </Step>

  <Step title="Pick a flow size (optional)">
    The default capture works for most sites. To go shallower or deeper, open the options and choose a flow size: Quick exploration, Standard flow, or Deep exploration. See [Capture options](/capture/options).
  </Step>

  <Step title="Run the capture">
    Start the capture. BenchCanvas discovers pages, takes screenshots, and detects the navigation between them. You can turn on an email alert if you want to step away while it runs.
  </Step>

  <Step title="Explore your flow on the canvas">
    When the capture finishes, your screens appear connected inside a frame on the [canvas](/canvas/overview). Pan, zoom, and click any screen to open its [properties panel](/canvas/properties-panel).
  </Step>

  <Step title="Analyze with AI">
    Open [Flow chat](/ai/flow-chat) to ask questions about the experience, or generate an [AI report](/ai/insight-reports) such as a Nielsen heuristic evaluation or an accessibility audit for any screen.
  </Step>

  <Step title="Share or export">
    Turn on a [public share link](/share/share-links) so anyone can view the canvas without an account, or [export](/share/export) the canvas to high-resolution PDF or PNG.
  </Step>
</Steps>

## What's next

<CardGroup cols={2}>
  <Card title="Compare multiple URLs" icon="layer-group" href="/capture/compare-urls">
    Capture several sites into one project and compare them side by side.
  </Card>

  <Card title="Import from a PDF" icon="file-pdf" href="/capture/pdf-to-flow">
    Turn each page of a brand or research deck into screens on the canvas.
  </Card>

  <Card title="Organize with frames" icon="object-group" href="/canvas/flows-and-frames">
    Keep multiple flows tidy and arrange them for comparison.
  </Card>

  <Card title="Slash commands" icon="terminal" href="/ai/slash-commands">
    Reorganize the canvas from the chat with quick commands.
  </Card>

  <Card title="Templates" icon="copy" href="/capture/templates">
    Start from a ready-made flow of a popular product.
  </Card>
</CardGroup>