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

# BenchCanvas

> Turn any URL into a visual UX map. Capture screens and navigation, analyze with AI, annotate, and share.

BenchCanvas turns any digital product into an interactive visual UX map. Paste a URL and BenchCanvas captures the screens, detects how they connect, and lays them out on an infinite canvas. From there you can analyze the experience with AI, add comments and notes, and share a live link with your team.

What used to take hours of manual screenshots in Figma or Miro takes seconds.

<CardGroup cols={2}>
  <Card title="Quickstart" icon="rocket" href="/quickstart">
    Capture your first flow in under a minute.
  </Card>

  <Card title="Core concepts" icon="book-open" href="/core-concepts">
    Projects, canvas, flows, screens, and connections explained.
  </Card>

  <Card title="Capture" icon="camera" href="/capture/overview">
    URL capture, options, video import, templates, and more.
  </Card>

  <Card title="Analyze with AI" icon="sparkles" href="/ai/flow-chat">
    Chat with your flow and generate AI reports.
  </Card>
</CardGroup>

## What you can do

<CardGroup cols={2}>
  <Card title="Capture" icon="camera">
    Paste a URL to auto-capture screens and navigation. Import from a PDF or screen recording, add your own screenshots, or start from a template.
  </Card>

  <Card title="Build" icon="shapes">
    Organize screens and flows on an infinite canvas with frames, connections, automatic layout, and alignment tools.
  </Card>

  <Card title="Analyze" icon="sparkles">
    Ask the AI assistant about any screen or flow, generate structured UX reports, or [connect an external AI](/ai/mcp) like Claude Code or Cursor through MCP.
  </Card>

  <Card title="Collaborate and share" icon="users">
    Add comments and sticky notes, invite editors or viewers, [hide sensitive info](/canvas/hide-sensitive-info) before sharing, share a public link, or export to high-resolution PDF and PNG.
  </Card>
</CardGroup>

## Who it is for

BenchCanvas is built for UX designers, product managers, UX researchers, design consultants, and anyone who studies how digital products work. Common jobs include competitor analysis, design benchmarking, UX audits, and user flow mapping. See [Use cases](/use-cases/overview) for detailed walkthroughs.

<Note>
  BenchCanvas is in private beta. The full experience works best on desktop, but a lighter mobile version is available for browsing projects, creating captures, generating screenshots, and sharing. Some features are still rolling out and are marked as **Beta** or **Coming soon**.
</Note>

## Next steps

<CardGroup cols={3}>
  <Card title="Sign in" icon="key" href="/sign-in">
    Create an account and get into the app.
  </Card>

  <Card title="Chrome extension" icon="chrome" href="/extension/install">
    Capture from your browser, including pages behind a login.
  </Card>

  <Card title="Plans" icon="coins" href="/plans">
    What is included today and what is coming next.
  </Card>

  <Card title="Mobile" icon="mobile" href="/account/mobile">
    Use BenchCanvas on your phone for lighter tasks on the go.
  </Card>

  <Card title="Connect AI" icon="robot" href="/ai/mcp">
    Point Claude Code, Cursor, or Codex at a project with MCP.
  </Card>
</CardGroup>