ProgramaciónResumen documentadoÚltima revisión Sep 29, 2026
Lienzo de diseño agéntico donde agentes de IA y herramientas manuales crean interfaces; aplicación de escritorio, extensiones de IDE y CLI.
(abrir a tamaño completo en una pestaña nueva)
(abrir a tamaño completo en una pestaña nueva)
(abrir a tamaño completo en una pestaña nueva)
(abrir a tamaño completo en una pestaña nueva)
(abrir a tamaño completo en una pestaña nueva)
(abrir a tamaño completo en una pestaña nueva)Nuestra opinión: pen.dev (antes pencil.dev) es adecuado para desarrolladores que diseñan y para equipos que usan agentes de programación con IA y quieren un lienzo de diseño WebGL con importación de Figma y HTML, control por MCP y CLI y exportación a HTML/Tailwind, actualmente gratuito.
Limitación principal: El proveedor dice que más adelante podrían introducirse planes de pago, y las funciones de IA necesitan tu propia suscripción a un modelo o clave de API.
pen.dev (antes pencil.dev) es adecuado para desarrolladores que diseñan y para equipos que usan agentes de programación con IA y quieren un lienzo de diseño WebGL con importación de Figma y HTML, control por MCP y CLI y exportación a HTML/Tailwind, actualmente gratuito. Basado en la documentación del proveedor, sin prueba práctica.
También encaja bien en
O si
Precios revisados el Sep 29, 2026 en la página oficial de precios de EE. UU. Precios oficiales ↗ Los precios y los límites cambian con frecuencia.
pen.dev es actualmente gratuito.
Sin prueba; gratuito por ahora.
Gratis fuente (se abre en una pestaña nueva)
Desconocido
Site says paid features or plans may be introduced later with terms described beforehand
Para: Developers who design and agent-assisted teams
Límites
Incluye
API incluida
Tu propia suscripción a ChatGPT o Claude o claves de API para la IA; las funciones de generación de imágenes pasan por proveedores de terceros.
No indicado.
pen.dev, antes pencil.dev, es un lienzo agéntico para diseñar sitios web, aplicaciones móviles y gráficos para redes sociales. Los usuarios pueden diseñar manualmente o con agentes de IA directamente en el lienzo, e importar páginas web, HTML o contenido de Figma. Funciona con modelos mediante una suscripción a ChatGPT o Claude, claves de API, o MCP, WebMCP y una CLI, y ofrece extensiones para Cursor, VS Code, Windsurf y Antigravity.
Lo que aportas
Lo que recibes
Nuestros editores elaboran los escenarios a partir de la documentación; el resultado real depende de tu entrada y tu plan.
Permite que los agentes de IA dibujen y editen capas directamente en el lienzo con modelos de Claude, OpenAI, Gemini y otros. Primeros borradores más rápidos.
Renderiza miles de capas con un pipeline WebGL propio. Desplazamiento, zoom y edición fluidos en archivos grandes.
Lleva páginas web, HTML y archivos .fig al lienzo como capas editables. Nunca empiezas desde cero.
Ofrece componentes reutilizables con anulaciones, variables con nombre y slots de contenido. Crea sistemas de diseño.
Almacena los diseños como JSON que los agentes pueden leer y expone el control mediante MCP, WebMCP y CLI. Diseño como código.
Design a landing page hero for a budgeting app with a headline, subhead, two buttons and a phone mockup, using a dark blue palette.
Exportar: HTML, CSS/Tailwind, PDF, PNG, JPEG, WEBP, .pen JSON
pen.dev (formerly pencil.dev) no tiene una API pública en su documentación oficial. CLI y MCP; no se indica ninguna API REST Documentación de la API ↗
Resumido de las políticas vigentes del proveedor; no es asesoría legal y la insignia de un proveedor no es una auditoría independiente.
Las funciones de IA de texto con tus propias claves de proveedor van directamente de tu dispositivo al proveedor; las funciones de imagen/SVG pasan por los servidores del proveedor hacia los proveedores de modelos.
El contenido de los modelos de pen.dev Pro no se almacena ni se usa para entrenar modelos de IA.
Las importaciones de páginas web se procesan en tiempo real y no se almacenan en los servidores.
Políticas: pen.dev/privacy-policy
"Más adecuado" se basa en funciones y precios documentados, no en una prueba directa.
Aún no hay reseñas de usuarios.
Usado pen.dev (formerly pencil.dev)? Sé el primero en compartir tu experiencia.
Sí, pen.dev es actualmente gratuito, aunque el proveedor dice que podría introducir funciones o planes de pago más adelante y describirá las condiciones antes de cobrar. fuente (se abre en una pestaña nueva)
Puedes usar Claude, OpenAI, Grok, Qwen, Gemini, Kimi, Deepseek, Minimax y otros mediante una suscripción a ChatGPT o Claude, claves de API o MCP. fuente (se abre en una pestaña nueva)
Sí, importa archivos .fig con maquetaciones, estilos e imágenes, o puedes copiar y pegar directamente desde Figma. fuente (se abre en una pestaña nueva)
Se ofrecen extensiones para Cursor, VS Code, Windsurf y Antigravity, y agentes como Claude Code y Codex se conectan mediante MCP. fuente (se abre en una pestaña nueva)
En el formato abierto .pen, un archivo JSON con un esquema abierto que los agentes pueden leer de forma nativa. fuente (se abre en una pestaña nueva)
Sin verificar: Precios futuros; Disponibilidad en EE. UU.; Retención de los datos de la cuenta.
Todos los datos sobre pen.dev (formerly pencil.dev) de arriba provienen de las 6 páginas oficiales enumeradas aquí, comparadas por última vez el Sep 29, 2026; no hemos usado pen.dev (formerly pencil.dev) nosotros mismos, por eso no tiene puntuación editorial. Cómo revisamos y volvemos a revisar las páginas.
Artículo actualizado Oct 10, 2026; precios revisados Sep 29, 2026. Los enlaces salientes a proveedores son enlaces simples; no ganamos comisiones. Cómo reseñamos · Informar de un error
compare>