Penpot / Excalidraw autohospedado: alternativa a Figma para el equipo

Para desplegar Penpot y Excalidraw en su propio servidor, lo óptimo es utilizar un VPS con 4 GB de memoria RAM, 2 núcleos de CPU y almacenamiento NVMe, lo que permite crear una alternativa a Figma totalmente autónoma, gratuita y sin limitaciones en el número de proyectos o participantes para el equipo.

¿Por qué penpot self hosted es el estándar de privacidad para equipos de diseño?

La transición a penpot self hosted no se debe solo al ahorro en suscripciones, que en Figma pueden alcanzar entre $15 y $75 por usuario al mes, sino también al control total sobre la propiedad intelectual. A diferencia de las soluciones de nube propietarias, Penpot utiliza estándares abiertos como SVG y CSS, lo que hace que los diseños sean lo más parecidos posible al código real. Esto elimina la barrera entre el diseñador y el desarrollador frontend. El uso de un collaborative design vps permite evitar los riesgos asociados con el bloqueo de cuentas o cambios en la política de privacidad del proveedor. Cuando los datos se almacenan en su propio servidor, usted mismo define la política de acceso y los plazos de almacenamiento de los backups. Para almacenar las credenciales de administrador y las claves API, recomendamos utilizar self-hosted Bitwarden / Vaultwarden, para garantizar el máximo nivel de seguridad dentro del perímetro de la empresa. Penpot soporta Flex Layout y CSS Grid de forma nativa. Esto significa que el diseñador no crea simplemente una imagen, sino una estructura que el navegador entiende sin necesidad de interpretaciones complejas. Al trabajar en un servidor propio, la velocidad de respuesta de la interfaz depende únicamente de la latencia hacia su centro de datos, lo que, con una elección correcta de la ubicación del VPS, ofrece una ventaja frente a las saturadas nubes de Figma.

Requisitos técnicos: qué collaborative design vps elegir

Para un funcionamiento estable de los contenedores penpot docker, se requiere un servidor con una reserva de recursos específica. La carga principal recae en la memoria RAM y el procesador durante el renderizado de escenas complejas y la sincronización de cambios entre usuarios a través de WebSocket.

Parámetro	Mínimo (1-3 diseñadores)	Recomendado (5-15 personas)	Enterprise (30+ personas)
vCPU	2 núcleos (2.5+ GHz)	4 núcleos	8+ núcleos
RAM	4 GB	8 GB	16+ GB
Disco (NVMe)	40 GB	80 GB	200+ GB
SO	Ubuntu 22.04 LTS	Ubuntu 24.04 LTS	Debian 12
Precio al mes	~$10-12	~$20-25	~$45+

Si planea utilizar el servidor no solo para diseño, sino también para comunicación corporativa, vale la pena considerar la instalación de self-hosted Mattermost o Rocket.Chat en la misma máquina, aumentando el volumen de RAM en 2-4 GB. Esto permitirá crear un ecosistema de herramientas unificado, independiente de servicios SaaS externos.

Instalación de Penpot Docker: configuración paso a paso del entorno

El proceso de despliegue de la versión penpot docker incluye la configuración de varios servicios interconectados: frontend, backend, exporter (para PDF/SVG), base de datos PostgreSQL y Redis para el almacenamiento en caché de sesiones. El uso de Docker Compose es la forma más fiable de poner en marcha toda la infraestructura con un solo comando. Primero, es necesario preparar el directorio de trabajo y descargar el archivo de configuración oficial:

mkdir penpot && cd penpot
wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml
wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/.env.sample -O .env

En el archivo .env es fundamental cambiar las contraseñas estándar y configurar una clave secreta. Genere una cadena segura para PENPOT_SECRET_KEY. También especifique los parámetros del servidor SMTP si planea enviar invitaciones a nuevos miembros del equipo por correo electrónico. Ejemplo de configuración básica en docker-compose.yaml:

services:
  penpot-frontend:
    image: penpotapp/frontend:latest
    ports:
      - "9001:80"
    volumes:
      - penpot_assets:/opt/data/assets
    depends_on:
      - penpot-backend

  penpot-backend:
    image: penpotapp/backend:latest
    env_file: .env
    depends_on:
      - penpot-postgres
      - penpot-redis

  penpot-exporter:
    image: penpotapp/exporter:latest
    environment:
      - PENPOT_PUBLIC_URI=http://penpot-frontend

Tras la configuración, inicie los contenedores con el comando docker-compose up -d. El acceso a la interfaz estará disponible en el puerto 9001. Para un funcionamiento completo en producción, asegúrese de configurar un proxy inverso (Nginx o Traefik) con soporte para certificados SSL de Let's Encrypt. Muchos equipos realizan la migración de Vercel o Netlify a su propio VPS precisamente por la posibilidad de gestionar de forma centralizada aplicaciones self-hosted tan complejas.

Despliegue de Excalidraw selfhost para la visualización rápida de ideas

Si Penpot es una figma alternative de peso para interfaces detalladas, excalidraw selfhost es ideal para bocetos rápidos, diagramas y lluvias de ideas. Su característica principal es el efecto de "dibujo a mano", que reduce el perfeccionismo en las primeras etapas del diseño. Excalidraw es extremadamente poco exigente en cuanto a recursos. Puede funcionar incluso en el VPS más económico. Sin embargo, para permitir el trabajo colaborativo (collaboration), es necesario desplegar no solo el frontend estático, sino también un servidor de sincronización.

services:
  excalidraw:
    image: excalidraw/excalidraw:latest
    ports:
      - "3000:80"
    restart: always

  excalidraw-room:
    image: excalidraw/excalidraw-room:latest
    ports:
      - "8080:8080"
    environment:
      - PORT=8080

La principal ventaja de excalidraw selfhost es que los datos se cifran en el lado del cliente (end-to-end encryption). El servidor de sincronización solo transmite paquetes de datos cifrados, sin tener acceso al contenido de sus diagramas. Esto convierte a la herramienta en algo ideal para discutir arquitecturas de seguridad o procesos de negocio confidenciales.

Optimización del rendimiento y Real-time Collaboration a través de WebSocket

Para que penpot self hosted funcione con la misma fluidez que la versión en la nube, es necesario configurar correctamente el manejo de las conexiones WebSocket. Es a través de ellas que se transmiten las coordenadas de los cursores de los colegas y los cambios en los objetos en tiempo real. Al usar Nginx como proxy inverso, añada los siguientes encabezados en la configuración del bloque location:

proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_http_version 1.1;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $host;

Sin estos ajustes, el WebSocket se interrumpirá y los usuarios verán errores de sincronización. También se recomienda aumentar los límites de archivos abiertos en el sistema (ulimit), ya que con un trabajo activo del equipo, el número de conexiones simultáneas puede crecer rápidamente. Para monitorizar la carga y analizar cómo el equipo utiliza los recursos del servidor, se puede implementar self-hosted analytics (Plausible o Umami). Esto ayudará a entender las horas pico de carga y escalar los recursos del VPS a tiempo.

Personalización de la interfaz y exportación a SVG/PDF

Una de las principales ventajas de una figma alternative en hosting propio es la posibilidad de una personalización profunda. Puede cambiar el logotipo al iniciar sesión, configurar los colores corporativos de la interfaz a través de variables de entorno o incluso modificar el código fuente, ya que Penpot se distribuye bajo la licencia MPL 2.0. Posibilidades de exportación en Penpot:

• SVG: Formato nativo para Penpot, la exportación se realiza sin pérdida de calidad y sin artefactos innecesarios en el código.
• PDF: Se utiliza el servicio penpot-exporter, que lanza un headless-browser para generar documentos de varias páginas.
• PNG/JPG: Soporte para varias resoluciones (1x, 2x, 3x) para preparar assets para aplicaciones móviles.
• CSS: Generación automática de estilos para los elementos seleccionados, incluyendo propiedades Flexbox y Grid.

En Excalidraw, la exportación es más sencilla pero efectiva para la documentación: puede obtener con un solo clic un enlace a un diagrama editable o guardarlo en formato SVG con fondo transparente para insertarlo en Notion o en una wiki corporativa.

Seguridad y copias de seguridad de los datos

La propiedad de la infraestructura conlleva la responsabilidad de la seguridad de los datos. Para Penpot, es necesario configurar backups regulares de la base de datos PostgreSQL y del directorio de assets (imágenes) que suben los usuarios. Plan de backup recomendado:

1. Dump por hora de la base de datos PostgreSQL mediante pg_dump.
2. Sincronización diaria de la carpeta assets con un almacenamiento S3 externo u otro servidor.
3. Almacenamiento de instantáneas (snapshots) de toda la máquina virtual una vez por semana.

Ejemplo de script para el backup de la base de datos dentro de Docker:

docker exec penpot-postgres pg_dump -U penpot_user penpot_db > backup_$(date +%F).sql

Asegúrese de que su collaborative design vps esté protegido por un firewall. Solo deben estar abiertos los puertos 80 y 443. Todos los demás puertos de servicio (5432 para Postgres, 6379 para Redis) deben ser accesibles solo dentro de la red de Docker o a través de una VPN.

Conclusiones

La combinación self-hosted de Penpot y Excalidraw en un VPS es una solución profesional que cubre totalmente las necesidades de un equipo en diseño y prototipado sin depender de los gigantes SaaS extranjeros. Para un funcionamiento estable, basta con un servidor con 4 GB de RAM y 2 vCPU, y el uso de Docker garantiza una instalación rápida y una actualización sencilla de las herramientas.