Bring any agent.

Use the built-in design agent, or connect the one you already use. Either way, you watch it build on your canvas.

Connect an agent Built-in agent

Built in. Just type.

Open a file and type into Ask AI to design… at the bottom of the canvas. Claude works with the same 37 tools an external agent gets, and you can stop it at any moment.

  • Your Anthropic keyPaste it once, set ANTHROPIC_API_KEY, or sign in with ant auth login.
  • Model and effortOpus 5.5 by default, or Sonnet 5.5 and Haiku 5.5. Effort from low to max.
  • Knows what you're looking atEvery message includes your file, page and selection.

Connect in one line.

Click Connect agent in the editor, or use the CLI. Then restart your agent so it picks up the server.

Terminal
# one client, several, or --all
$ openpaper install claude-code

One-click setup

Claude Codeopenpaper install claude-code
Claude Desktopopenpaper install claude-desktop
Cursoropenpaper install cursor
VS Codeopenpaper install vscode
Codexopenpaper install codex
Windsurfopenpaper install windsurf
Gemini CLIopenpaper install gemini-cli
Antigravityopenpaper install antigravity
OpenCodeopenpaper install opencode
Copilot CLIopenpaper install copilot-cli

The openpaper command comes from npm link --workspace openpaper. See Install.

Watch it build.

Tool calls apply instantly. The editor plays them back so you can follow along, and respects reduced motion.

Working ring

On every artboard the agent touches.

Write cursor

Follows where the agent is writing.

Layers fill in

In tree order. Text types in, styles tween.

Activity feed

Every tool call, in the Agents panel.

Undo the agent

Its edits never touch your history.

Agents see the canvas.

get_screenshot renders through headless Chrome or Edge, pixel-identical to the editor. Agents check their own work and fix what looks wrong.

  • Built-in guidesget_guide teaches agents to design in small steps, review their work and use tokens.
  • Image generationpaper-gen:// images with your own OpenAI or Gemini key.

Prompts to try

  • “Create a pricing page for a note-taking app in OpenPaper.”
  • “Make three different directions for the hero of the selected artboard.”
  • “Turn the selected card into a React component in src/components using Tailwind.”
  • “Create a color and spacing token set, then restyle the design to use it.”

Hand over the pencil.

Install OpenPaper, then connect your agent in one line.

Get started See the tools