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

# Overview

> Design and evolve your GraphQL schema

Build and refine your API schema with Hub's visual tools.

<CardGroup cols={2}>
  <Card title="Canvas" icon="palette" href="/api-design/canvas/canvas-introduction">
    The visual workspace for schema design
  </Card>

  <Card title="UI Mock Node" icon="image" href="/ui-mock-query/ui-mock-node">
    Upload mockups and highlight sections that need data
  </Card>

  <Card title="Operation Builder" icon="code" href="/ui-mock-query/operation-builder-node">
    Build operations and discover schema requirements
  </Card>

  <Card title="Branching" icon="code-branch" href="/api-design/branching-and-forks">
    Parallel development with forks
  </Card>

  <Card title="Working with Types and Fields" icon="pencil" href="/api-design/working-with-types-and-fields">
    Create and edit schema elements
  </Card>

  <Card title="Collections" icon="folder" href="/api-design/collections">
    Organize operations into folders
  </Card>

  <Card title="Schema Page" icon="file-code" href="/api-design/schema-page">
    Diff view, editing, and commenting
  </Card>

  <Card title="Optimizer" icon="gauge" href="/api-design/optimizer">
    See how operations execute and find ways to improve performance
  </Card>

  <Card title="Hub AI" icon="sparkles" href="/api-design/hub-ai">
    Create and modify schemas through natural language
  </Card>
</CardGroup>