---
title: "Getting Started"
description: "Set up Prototyper, learn the workspace, and connect your own agent."
canonical: "https://www.prototyper.co/docs/01-getting-started"
---

# Getting Started

Everything you need to go from a blank canvas to your first working prototype.

## Start here

<Cards>
  <Card title="Getting started with Prototyper" href="/docs/01-getting-started/getting-started">
    Build your first UI from scratch — no coding required.
  </Card>
  <Card title="Navigating the Workspace" href="/docs/01-getting-started/navigating-the-workspace">
    Learn the resizable interface, panels, and canvas.
  </Card>
  <Card title="Connect your own agent" href="/docs/01-getting-started/connect-your-agent">
    Drive Prototyper from Claude Code, Codex, or any MCP client.
  </Card>
</Cards>

## What to expect

Prototyper lets you build full web apps by describing what you want. Start with
[your first prototype](/docs/01-getting-started/getting-started), get
comfortable [moving around the workspace](/docs/01-getting-started/navigating-the-workspace),
and when you're ready, [bring your own agent](/docs/01-getting-started/connect-your-agent)
to generate on the subscription you already pay for.

Once you're set up, head to [Prompt Engineering](/docs/02-prompt-engineering)
to get better results from every prompt.