pad.ws es una aplicación open source que fusiona una pizarra visual con un IDE completo, permitiendo dibujar ideas, escribir código y trabajar en terminales, todo desde el navegador. Es una herramienta especialmente útil para equipos de desarrollo, educadores y creativos que desean pasar de la ideación al prototipado técnico sin cambiar de entorno.
¿Qué es pad.ws?
Es una combinación de pizarra colaborativa basada en Excalidraw con capacidades de desarrollo proporcionadas por Coder, que permite ejecutar entornos de desarrollo Ubuntu en la nube. En esencia, es como tener VS Code, terminal y pizarra en una misma interfaz web.
Principales características
- 🎨 Pizarra interactiva con Excalidraw para dibujar diagramas, flujos, esquemas o ideas a mano alzada.
- 💻 IDE integrado: se puede acceder a terminales y a VS Code directamente desde la interfaz.
- ☁️ Acceso vía navegador: sin instalaciones locales, solo necesitas un navegador moderno.
- 🔄 Flujo visual-código fluido: alterna entre bocetos y programación sin cambiar de herramienta.
- 🛠️ Compatibilidad con tu stack: permite conectarte a tu VM o entorno desde clientes como VS Code o Cursor.
¿Cómo usar pad.ws?
Opción 1: instancia oficial (versión beta)
- Accede directamente a https://pad.ws
- Actualmente ofrece entornos Ubuntu gratuitos en la nube sin necesidad de configuración.
Opción 2: Autoalojamiento (requiere configuración avanzada)
⚠️ El proyecto está en fase temprana. El entorno con Docker Compose es solo para desarrollo y pruebas. No se recomienda usarlo en producción sin endurecimiento adicional.
Requisitos previos
- Servidor Linux (probado en Ubuntu)
- Docker + Docker Compose
- PostgreSQL, Redis y Keycloak para autenticación y persistencia
- Coder para los entornos de desarrollo
Pasos generales
- Preparar variables de entorno: copiar
.env.templatea.envy rellenar las credenciales. - Desplegar PostgreSQL y Redis como contenedores para almacenamiento y caché.
- Configurar Keycloak como proveedor OIDC para el sistema de autenticación.
- Lanzar Coder: configurar plantillas de entorno, API Keys y organización.
- Ejecutar el backend Pad (FastAPI): sirve la interfaz y se comunica con Coder.
Una vez finalizado el despliegue, puedes acceder a pad.ws en http://localhost:8000 e iniciar sesión.
Casos de uso
- Educación: enseñar programación o diseño de sistemas combinando teoría y práctica.
- Workshops y webinars: crear sesiones interactivas con diagrama + código.
- Diseño de arquitectura de software en tiempo real.
- Planificación de proyectos técnicos con documentación viva.
- Colaboración remota entre diseñadores, desarrolladores y product managers.
Comparativa con herramientas similares
| Herramienta | Whiteboard | IDE integrado | Soporte en la nube | Autoalojamiento | Código abierto |
|---|---|---|---|---|---|
| pad.ws | ✅ | ✅ | ✅ | ✅ | ✅ |
| Excalidraw + VSCode | ✅ (por separado) | ❌ | ✅ | ✅ | ✅ |
| Gitpod | ❌ | ✅ | ✅ | ❌ | ❌ |
| CodeSandbox | ❌ | ✅ | ✅ | ❌ | ❌ |
Conclusión
pad.ws representa una propuesta ambiciosa y única: un entorno de desarrollo visual que elimina las barreras entre diagramación y codificación. Aún en fase temprana, su diseño modular y open source lo convierte en una herramienta prometedora para quienes buscan una forma más visual y colaborativa de desarrollar software.
