# canvappen

> Free .pen design editor for macOS and Windows, an alternative to pen.dev (formerly Pencil), with an MCP server for Claude Code, a CLI and a Docker image. Works offline.

canvappen is a desktop design editor (macOS and Windows) for .pen files, the JSON design format also used by pen.dev (formerly Pencil). Claude Code reads, edits, validates and exports designs through its MCP server (stdio), and the person sees the agent's pointer and changes live on the canvas. The same commands are available as a CLI and in a Docker image for headless servers. It's free for personal and commercial use, needs no account, and only connects to the internet to check for updates. Made by Identity (idtt), Peru. The site and docs are in Spanish; an English page is at /en.

## Pages

- [Home (Spanish)](https://canvappen.identity.pe/): downloads, install steps, Claude Code setup, comparison with pen.dev, privacy, FAQ
- [Home (English)](https://canvappen.identity.pe/en): the same content in English
- [Docker image](https://canvappen.identity.pe/docs/docker): pull the headless image with the CLI and the MCP server
- [Latest release manifest](https://canvappen.identity.pe/api/releases): versions, dates and files as JSON

## Docs (Spanish, Markdown)

- [Primeros pasos](https://canvappen.identity.pe/docs/primeros-pasos.md): Instala canvappen, conéctalo con Claude Code y haz tu primer cambio en un diseño .pen.
- [MCP para Claude Code](https://canvappen.identity.pe/docs/mcp.md): Configura el servidor MCP de canvappen en Claude Code y consulta sus 14 herramientas con parámetros y ejemplos.
- [CLI](https://canvappen.identity.pe/docs/cli.md): Comandos de la CLI de canvappen para scripts, CI y servidores: inspect, apply-operations, export, localize y más.
- [Imagen Docker](https://canvappen.identity.pe/docs/docker.md): Descarga la imagen Docker de canvappen con la CLI y el MCP para servidores Linux sin interfaz gráfica.
- [Formato .pen](https://canvappen.identity.pe/docs/formato.md): Especificación del formato .pen 2.21: estructura del archivo, nodos, layout, apariencia, texto, iconos, componentes, variables y temas.
- [Operaciones de edición](https://canvappen.identity.pe/docs/operaciones.md): Operaciones de apply_operations para editar un .pen: insert, update, delete, move, replace, copy, variables, temas, librerías, fuentes y detach.
- [Exportación](https://canvappen.identity.pe/docs/exportacion.md): Exporta diseños .pen a PDF, SVG, PNG, JPEG, WEBP y HTML desde el MCP, la CLI o la app: escalas, calidades, orden, carpetas y nombres.
- [Archivos, rutas y configuración](https://canvappen.identity.pe/docs/archivos.md): Dónde guarda canvappen imágenes, fuentes, exportaciones y respaldos; qué rutas puede usar el MCP; config.json y variables de entorno.

## Optional

- [Full content in one file](https://canvappen.identity.pe/llms-full.txt)