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

# Introduction

> Tempo is a desktop workspace for product managers, designers, and engineers to plan, design, and build software in one place.

PRDs, designs, issues, and AI chat sessions all share the same context — your codebase — so nothing gets lost in the handoff between people, tools, or agents.

<Frame>
  <img src="https://mintcdn.com/tempolabs/h7FkkDRaGn1w0OFZ/images/introduction/hero.png?fit=max&auto=format&n=h7FkkDRaGn1w0OFZ&q=85&s=6bdf3561e33c6d36794f8b644b07fcb9" alt="The Tempo workspace" width="1920" height="1080" data-path="images/introduction/hero.png" />
</Frame>

## Get started

<Card title="Quick Start" icon="rocket" href="/guides/quick-start">
  Install Tempo, sign in, and connect Claude or Codex — about ten minutes.
</Card>

## Features

Tempo is organized around four surfaces. Each one lives in the left sidebar and works with the same workspace, the same codebase, and the same agents.

<CardGroup cols={2}>
  <Card title="Docs" icon="file-lines" href="/product/docs">
    Long-form PRDs, specs, and project notes. Link a doc to a chat session and the agent reads it as context every turn.
  </Card>

  <Card title="Canvas" icon="palette" href="/product/canvas">
    A Figma-style design surface where every frame is a live iframe of a real route or React component. Edits write back to source.
  </Card>

  <Card title="Issues" icon="kanban" href="/product/issues">
    Built-in Kanban. Cards link to branches, PRs, canvases, and docs — agents can pick one up and open a PR.
  </Card>

  <Card title="Chat" icon="comments" href="/product/chat">
    Claude or Codex running inside an isolated git worktree per session, so destructive changes never touch your main tree.
  </Card>
</CardGroup>