Alternativa · Pencil.dev
La mejor alternativa a Pencil.dev para diseño.
Open Design es la alternativa totalmente de código abierto y local-first a Pencil — un espacio de trabajo de diseño nativo de agentes que impulsas con el agente de programación que ya usas, tu clave, tus archivos y un sistema de diseño portable que mantienes en tu repositorio.
Pencil (pencil.dev) es una herramienta de diseño impulsada por agentes de a16z Speedrun que coloca un lienzo vectorial tipo Figma dentro de tu IDE y mantiene su diseño como archivos JSON .pen en tu repositorio, versionados con Git. Un servidor MCP local permite a tu agente de programación leer y escribir esos archivos, así que un prompt se convierte en una UI editable que luego puedes entregar a un agente de programación para el código de producción. Se lanzó públicamente a principios de 2026, superó los 100.000 usuarios y es realmente bueno — con la salvedad de que la aplicación en sí es de código cerrado, optimizada en primer lugar para Claude, y gratuita solo mientras está en acceso anticipado.
Open Design es la alternativa totalmente de código abierto y local-first: un espacio de trabajo de diseño nativo de agentes al que apuntas tu propio agente de programación (Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen) mediante BYOK. Estas dos son inusualmente cercanas — ambas impulsadas por agentes, ambas manteniendo el diseño como archivos en tu repositorio. Las diferencias son la propiedad y el alcance: con Open Design toda la aplicación es Apache-2.0 (no solo un formato documentado), BYOK es neutral respecto al proveedor, y la salida abarca UI, presentaciones, prototipos y un DESIGN.md portable. Esta página es honesta sobre dónde Pencil realmente gana.
01
Qué es Pencil
Pencil (pencil.dev) es «diseña en el lienzo, aterriza en el código» — un lienzo de diseño vectorial infinito que vive dentro de tu IDE y tu base de código, creado por Tom Krcha (anteriormente detrás de Around, adquirida por Miro) y respaldado por a16z Speedrun. Sus archivos de diseño usan un formato JSON .pen abierto y documentado que reside en tu repositorio bajo Git, y un servidor MCP local permite a los agentes de IA leerlos y escribirlos. Escribes un prompt o dibujas en el lienzo, y luego entregas el diseño a un agente de programación (Claude Code y otros) para generar componentes de producción que coinciden con tu stack.
Como superficie de diseño, Pencil está pulido: un lienzo vectorial real con capas, un inspector de propiedades, componentes de arrastrar y soltar, bloques de prompt que colocas directamente en el lienzo, copiar y pegar nativo desde Figma que conserva capas y auto-layout, y kits de UI integrados (Shadcn, Lunaris, Halo, Nitro). Las ediciones manuales del lienzo no consumen tokens del agente.
Qué saber antes de comprometerte: la aplicación de Pencil es de código cerrado (solo el formato .pen está documentado, y puede cambiar), está optimizada para Claude Code con una experiencia más débil en otros modelos, es gratuita solo en acceso anticipado («Gratis no es un modelo de negocio», según los fundadores), y los reseñadores señalan que aún es temprana — fallos ocasionales y sin autoguardado.
- Proveedor: Pencil (pencil.dev), a16z Speedrun — aplicación de código cerrado, ~100.000 usuarios, lanzada a principios de 2026
- Entorno de ejecución: aplicación de escritorio local + extensión de IDE (Cursor / VS Code / Windsurf) + servidor MCP local
- Archivos de diseño: formato JSON .pen abierto en tu repositorio, versionado con Git
- Modelo: MCP con varios agentes, optimizado para Claude Code; traes tu propia suscripción de agente
- Precios: gratis en acceso anticipado, sin topes publicados aún — planes de pago señalados
02
Open Design vs Pencil, función por función
| Función | Open Design | Pencil (pencil.dev) |
|---|---|---|
| Licencia | Apache-2.0 — toda la aplicación es de código abierto | Aplicación de código cerrado; solo el formato .pen está documentado |
| Entorno de ejecución | Daemon local + aplicación de escritorio | Aplicación de escritorio local + extensión de IDE + servidor MCP local |
| Archivos de diseño | Archivos en tu repositorio (Git): DESIGN.md, artefactos | Archivos JSON .pen en tu repositorio (Git) |
| Cuenta | No requerida; se ejecuta localmente | Cuenta / inicio de sesión (acceso anticipado) |
| Precios | Gratis y de código abierto; tu propio gasto de modelo | Gratis en acceso anticipado; planes de pago señalados |
| Modelo | BYOK, neutral respecto al proveedor — Claude, Codex, Cursor, Gemini, Qwen | MCP con varios agentes, optimizado para Claude Code |
| Superficie principal | Impulsada por agentes (prompt → artefactos) + interfaz web | Lienzo vectorial tipo Figma que editas directamente; agente vía MCP |
| Salida | UI, páginas de destino, presentaciones, prototipos, sistemas de diseño | Pantallas/componentes de UI → código (coincide con tu repositorio) |
| Sistema de diseño | DESIGN.md portable que cada skill aplica | Variables/Componentes + kits de UI integrados (Shadcn, Lunaris…) |
| Importación desde Figma | Vía agente (pegar/captura → DESIGN.md) | Copiar y pegar nativo (conserva capas, auto-layout) |
| Colaboración | Un solo usuario local; impulsada por agentes | Sin multijugador humano; SWARM = múltiples agentes de IA |
| Auto-alojamiento / bifurcación | Sí (Apache-2.0) | No — la aplicación es de código cerrado |
| Madurez | Versiones estables | Acceso anticipado — fallos, sin autoguardado reportado |
Léelo con honestidad: Pencil gana en el lienzo manual — una superficie madura, tipo Figma, que editas directamente, con pegado nativo desde Figma y kits de UI integrados, justo dentro de tu IDE. Open Design gana en propiedad y alcance — toda la aplicación es de código abierto (no solo el formato del archivo), BYOK es neutral respecto al proveedor en lugar de priorizar Claude, «gratis» sigue siendo gratis porque no hay ningún proveedor que te monetice, y la salida abarca UI, presentaciones, prototipos y un sistema de diseño portable como archivos que conservas.
03
Por qué los equipos buscan una alternativa a Pencil
Pencil es una forma sólida de diseñar dentro de tu IDE, y para muchos «desarrolladores que diseñan» encaja de maravilla. Las razones por las que la gente sigue buscando una alternativa se agrupan en torno a lo que ocurre después de la luna de miel del acceso anticipado — propiedad, dependencia del proveedor y alcance.
- La aplicación es cerrada, solo el formato es abierto: El formato .pen de Pencil está documentado, pero la aplicación es de código cerrado y respaldada por a16z, y la especificación del formato se reserva el derecho de cambiar. Open Design es Apache-2.0 de principio a fin — bifúrcalo, audítalo, aloja tú mismo, y sé dueño de cada artefacto que produce.
- «Gratis» tiene fecha de caducidad: Pencil es gratis mientras está en acceso anticipado, pero los fundadores son explícitos en que «Gratis no es un modelo de negocio». Los planes de pago y los límites están por llegar. Open Design es gratis porque es de código abierto; solo pagas tu propio gasto de modelo.
- Prioriza Claude: Pencil conecta varios agentes a través de MCP pero está optimizado para Claude Code, con una experiencia más débil en el resto. Open Design es BYOK neutral respecto al proveedor — Claude, Codex, Cursor, Gemini, OpenCode y Qwen son todos de primera clase.
- Quieres más que UI a código: Pencil se centra en UI → código. Open Design renderiza UI, páginas de destino, presentaciones, prototipos y un sistema de diseño DESIGN.md portable desde la misma marca, todo como archivos en tu repositorio.
04
Código abierto + BYOK, explicado
Ambas herramientas son local-first y mantienen el diseño como archivos en tu repositorio — esa parte es terreno común. En lo que Open Design difiere es en que toda la aplicación es Apache-2.0, no solo un formato de archivo documentado, así que puedes bifurcarla, auditarla y alojarla por ti mismo. Tu marca vive en tu repositorio como un DESIGN.md portable que cada skill respeta.
También traes tu propia clave de agente, neutral respecto al proveedor. Las credenciales permanecen en la configuración local o en variables de entorno — Open Design nunca las intermedia — y el gasto de API se te factura directamente a ti, a las tarifas de tu proveedor, sin ningún tope de proveedor después del acceso anticipado.
¿Nuevo en la idea? Lee qué es el vibe design, explora la biblioteca de plugins y sistemas de diseño, mira todas las comparaciones de Open Design — incluyendo Figma y Google Stitch — o descarga Open Design para probarlo.
05
Dónde Pencil realmente gana — y cuál elegir
Hay que reconocer el mérito: como superficie de diseño, Pencil es excelente. Es un lienzo vectorial real, tipo Figma, que editas a mano — capas, un inspector de propiedades, componentes de arrastrar y soltar, y bloques de prompt colocados directamente en el lienzo — con copiar y pegar nativo desde Figma que conserva capas y auto-layout, además de kits de UI integrados (Shadcn, Lunaris, Halo, Nitro). Y todo vive justo dentro de tu IDE, así que un desarrollador que diseña nunca sale de Cursor o VS Code. Si lo que quieres es un lienzo pulido para manipular directamente, la superficie de Pencil es hoy más madura que el flujo agent-first de Open Design. La contrapartida es todo lo estructural a su alrededor: aplicación de código cerrado, optimización que prioriza Claude, y un «gratis» que los fundadores han dicho que no durará.
Una forma rápida de decidir según lo que realmente quieres hacer — las dos se solapan, así que la división honesta importa:
| Si quieres… | Mejor opción |
|---|---|
| Ser dueño de toda la herramienta como código abierto que puedes bifurcar/alojar tú mismo | Open Design |
| Mantener «gratis» gratis sin tope de proveedor después del acceso anticipado | Open Design |
| Usar BYOK neutral respecto al proveedor (que no priorice Claude) | Open Design |
| Renderizar UI + presentaciones + prototipos + un sistema de diseño | Open Design |
| Editar a mano un lienzo vectorial maduro, tipo Figma | Pencil |
| Pegar desde Figma con las capas y el auto-layout intactos | Pencil |
| Diseñar en línea dentro de Cursor / VS Code | Pencil |
06
Mover un diseño de Pencil a Open Design
Ambas herramientas mantienen el diseño como archivos en tu repositorio, así que no hay una exportación a la nube con pérdidas contra la que luchar — mudarse es design-first. Extrae tu marca una vez y cada render posterior la hereda.
- Instala Open Design desde la página de descarga y trae tu propia clave de agente (Claude Code, Codex, Cursor, Gemini, OpenCode o Qwen).
- Apunta tu agente a una exportación de Pencil, un pegado de Figma o una captura de pantalla cuyo aspecto quieras conservar.
- Pide al agente que extraiga la marca — colores, tipografía, espaciado — a un archivo DESIGN.md en tu repositorio.
- Elige una skill y renderízala contra tu nueva marca para confirmar que coincide.
A partir de ahí, cada skill renderiza en tu marca — y la UI, el código y el sistema de diseño permanecen en tu repositorio como archivos que te pertenecen bajo control de versiones.
FAQ
Preguntas frecuentes
-
01 ¿Es Pencil (pencil.dev) de código abierto?
La aplicación no. Pencil es un producto de código cerrado respaldado por a16z; lo que es «abierto» es el formato de archivo .pen, que está documentado pero puede cambiar (el equipo se reserva el derecho de hacer cambios incompatibles). Open Design es totalmente de código abierto bajo Apache-2.0 — toda la aplicación, no solo la especificación del archivo — y se puede autoalojar.
-
02 ¿Es Pencil.dev gratis?
Es gratis hoy, pero explícitamente en acceso anticipado. Los fundadores han dicho «Gratis no es un modelo de negocio», señalando futuros planes de pago y límites. Open Design es gratis porque es de código abierto; traes tu propia clave de agente, así que el gasto del modelo se te factura a ti sin ningún tope fijado por el proveedor.
-
03 ¿Cuál es la diferencia entre Open Design y Pencil?
Son cercanos — ambos están impulsados por agentes y mantienen el diseño como archivos en tu repositorio bajo Git. Las diferencias: Open Design es totalmente de código abierto (Apache-2.0, no solo un formato abierto), BYOK neutral respecto al proveedor (no optimizado principalmente para Claude) y renderiza una gama más amplia de artefactos (UI, presentaciones, prototipos, sistemas de diseño). Pencil ofrece un lienzo vectorial manual más maduro y pegado nativo desde Figma.
-
04 ¿Funciona Pencil con agentes distintos de Claude?
Sí — conecta varios agentes a través de MCP (Cursor, Windsurf, Codex y otros), pero está optimizado para Claude Code y los reseñadores reportan una experiencia más débil con otros modelos. Open Design trata a Claude, Codex, Cursor, Gemini, OpenCode y Qwen como de primera clase.
-
05 ¿Está Open Design afiliado a Pencil?
No. Open Design es un proyecto independiente de código abierto (github.com/nexu-io/open-design, Apache-2.0). Pencil es un producto separado respaldado por a16z en pencil.dev; esta es una comparación no afiliada.
Sé dueño de toda la herramienta, no solo del formato del archivo.
Dale una estrella al repositorio, obtén la versión de escritorio o ejecuta la instalación en tu terminal. Open Design es de código abierto de principio a fin — tu UI, tu código y tu sistema DESIGN.md permanecen en tu repositorio desde el primer render en adelante.