¿Qué es Pencil?
Pencil es un lienzo de diseño agéntico que permite crear interfaces web y móviles mediante agentes de IA como Claude o ChatGPT. Los usuarios pueden importar sitios existentes, editar capas manualmente o generar diseños con modelos conectados por API o MCP. El acceso requiere descarga de la aplicación o uso de la versión web gratuita.
¿Cuáles son las características de Pencil?
- Diseño con agentesGenera y refina diseños en el lienzo usando modelos como Claude, ChatGPT, Grok, Qwen, Gemini, Kimi, Deepseek o Minimax.
- Importación editableConvierte cualquier sitio web o archivo .fig de Figma en capas editables dentro del lienzo.
- Exportación a códigoExporta cualquier marco directamente como HTML y CSS/Tailwind en un clic.
- Formato abierto .penUtiliza un esquema JSON completamente abierto que permite a los agentes trabajar nativamente con los archivos.
- Rendimiento WebGLMantiene fluidez al panear, zoom y editar miles de capas gracias a una tubería personalizada de WebGL.
- Vibe ShadersCrea efectos visuales y gradientes en tiempo real mediante shaders integrados en el editor.
¿Cuáles son los casos de uso de Pencil?
- Prototipado rápido de sitiosDiseñar una página para una cafetería en San Francisco solicitándolo al agente integrado.
- Migración desde FigmaImportar archivos .fig o copiar elementos de Figma para continuar el trabajo con agentes de IA.
- Desarrollo headlessConectar herramientas como Claude Code, Cursor o CLI para diseñar sin interfaz gráfica directa.
¿Cómo usar Pencil?
- Acceso inicialDescargar la aplicación o utilizar la versión web gratuita tras iniciar sesión.
- Inicio de proyectoImportar un sitio web existente o comenzar desde cero en el lienzo.
- Generación asistidaSolicitar al agente (Claude/ChatGPT) diseñar componentes o páginas completas.
- Refinamiento manualAjustar capas, aplicar máscaras o usar la herramienta pluma para detalles vectoriales.
- Entrega finalExportar el diseño como HTML/CSS o compartir el enlace de vista previa.
Información de precios de Pencil:
- Versión webAcceso gratuito disponible para probar las funciones básicas.
- Suscripción de IARequiere tener suscripción activa de ChatGPT o Claude, o proveer claves API propias.









