Empezar

Primeros pasos

En cinco pasos tendrás canvappen instalado, conectado con Claude Code y editando un diseño mientras ves los cambios en el canvas.

Requisitos

	Necesitas
Sistema	macOS 13 o superior (Apple Silicon o Intel), o Windows 10/11 x64
Agente	Claude Code instalado, para editar con IA. canvappen también funciona solo, como editor
Archivos	Un diseño .pen o uno nuevo creado desde la app

1
Instala canvappen
Descarga el instalador desde la página principal y sigue los pasos de instalación. La primera vez el sistema pide una confirmación porque la app aún no está firmada por Apple ni por Microsoft.
2
Conéctalo con Claude Code
Al abrir canvappen por primera vez te ofrece configurarse como servidor MCP. Acepta y reinicia Claude Code. Si prefieres hacerlo a mano:
macOS
```
claude mcp add canvappen --scope user -- \
  /Applications/canvappen.app/Contents/MacOS/canvappen --mcp
```
3
Comprueba la conexión
En Claude Code escribe /mcp. Debe aparecer canvappen como conectado, con sus herramientas mcp__canvappen__*.
4
Abre un diseño
En canvappen, Archivo → Abrir o Archivo → Nuevo. Mientras el documento esté abierto, verás en vivo lo que haga el agente.
5
Pídele un cambio a Claude
Indica la ruta del archivo y lo que quieres. Claude lee el documento, aplica los cambios y puedes revisarlos en el canvas.
Claude Code
```
Lee ~/proyecto/design.pen y dime qué pantallas tiene.
En la pantalla Login, cambia el botón principal a negro.
```