Guía de despliegue

Penpot: la alternativa a Figma autoalojada para agencias web

Desplegar en un VPS Cloud →

Tutorial

Penpot: la alternativa a Figma autoalojada para agencias web

Autoalojamiento9 min de lectura8 pasos

A principios de 2025, Figma revisó al alza su estructura de precios — alrededor de un 30% según el plan. Para una agencia que gestiona diez clientes con cinco diseñadores, la factura anual supera fácilmente los dos mil dólares. Penpot v2, herramienta de diseño colaborativo de código abierto construida sobre estándares web (SVG, CSS), ofrece una alternativa seria: autoalojada en tu propio VPS, te da control total sobre los datos, los accesos y los costes. Esta guía se dirige a agencias que gestionan de cinco a quince clientes y quieren dejar Figma sin sacrificar la calidad del diseño ni la fluidez de la colaboración.

Contenido· Por qué reconsiderar Figma en 20251/8
  1. 01Por qué reconsiderar Figma en 2025
  2. 02Penpot v2 frente a Figma — paridad y límites honestos
  3. 03Requisitos técnicos antes de la instalación
  4. 04Instalación de Penpot con Docker Compose
  5. 05Gestión multicliente: espacios de trabajo y permisos
  6. 06Resolución de problemas frecuentes
  7. 07Migrar desde Figma: exportación, SVG y design tokens
  8. 08Penpot autoalojado: soberanía y control de costes para tu agencia

Por qué reconsiderar Figma en 2025

El fracaso de la adquisición por Adobe no hizo a Figma menos ambiciosa en precios. En 2025, el plan Profesional subió a 15 $ por puesto y mes, y el plan Organización a 45 $. Para un equipo de cinco diseñadores, eso representa 900 $ y 2.700 $ al año respectivamente — antes de contar las licencias de FigJam o los plugins de pago. Para una agencia con márgenes ajustados que a veces necesita dar acceso de lectura a decenas de clientes, la estructura de precios por espacio de trabajo se convierte en un obstáculo real. Penpot no resuelve todos los problemas de Figma, pero resuelve exactamente este: el coste de la colaboración con múltiples clientes.

  • Cero coste por puesto: invita a tantos diseñadores, desarrolladores o clientes en modo lectura como necesites, sin niveles de facturación.
  • Datos alojados por ti: tus maquetas y los assets de los clientes no pasan por servidores de terceros — un argumento sólido en conversaciones sobre RGPD.
  • Espacios de trabajo separados por cliente: cada proyecto de cliente vive en su propio espacio, con sus propios miembros y permisos.
  • Estándar abierto: Penpot genera SVG nativo, lo que hace los archivos legibles y portátiles sin depender de un formato propietario.
  • Exportación de CSS y design tokens: los desarrolladores obtienen los valores de estilo directamente sin plugins de terceros, lo que agiliza el handoff.
  • Control total sobre las actualizaciones: tú decides cuándo actualizar, sin migraciones forzadas ni cambios de interfaz de la noche a la mañana.
  • Conformidad soberana: para agencias que trabajan con clientes públicos o sensibles, almacenar los datos en tu propia infraestructura simplifica las auditorías de cumplimiento.

Penpot v2 frente a Figma — paridad y límites honestos

Penpot cubre lo esencial del trabajo diario de una agencia: edición vectorial, componentes, prototipado y handoff para desarrolladores. Donde la honestidad es necesaria es en dos puntos: el ecosistema de plugins de terceros sigue siendo modesto comparado con la biblioteca de Figma Community, y la importación de archivos .fig sigue siendo parcial — las restricciones complejas, ciertos efectos avanzados y las bibliotecas compartidas no siempre se traducen fielmente. Si tienes cinco años de archivos de Figma, planifica una migración gradual.

Desplace la tabla

FuncionalidadPenpot v2Figma Pro
Edición vectorial✓✓
Componentes y variantes✓✓
Prototipado interactivo✓✓
Dev handoff / Inspect✓✓
Colaboración en tiempo real✓✓
Importación de archivos .figParcial✓
Plugins de tercerosLimitado✓ (gran biblioteca)
Exportación SVG / CSS✓✓
Design tokens✓✓ (vía plugins)
Acceso de invitados sin coste adicional✓Pago por puesto
Autoalojamiento✓✗

Requisitos técnicos antes de la instalación

Penpot v2 funciona en Docker y requiere un VPS con al menos 2 vCPU, 4 GB de RAM (8 GB recomendados para equipos de más de cinco personas) y 40 GB de almacenamiento SSD para los assets y la base de datos PostgreSQL. Necesitarás Docker Engine 24+ y Docker Compose v2, un nombre de dominio apuntando a tu VPS (por ejemplo your-domain.com), y acceso SSH como root o sudo. Un VPS de ServOrbit desde 99 DH/mes cumple estos requisitos: en un año, eso es una fracción de los 900 $ a 2.700 $ que costaría Figma para el mismo equipo de cinco diseñadores.

Instalación de Penpot con Docker Compose

Penpot v2 se despliega con Docker Compose. Los pasos siguientes configuran el servidor Penpot, un proxy inverso Nginx con SSL y SMTP para las invitaciones del equipo.

  1. Preparar el servidor

    Conéctate por SSH a tu VPS, actualiza el sistema e instala Docker y Docker Compose: apt update && apt upgrade -y && apt install -y docker.io docker-compose-plugin. Verifica las versiones con docker --version y docker compose version para confirmar Docker 24+ y Compose v2.

  2. Clonar la configuración oficial de Penpot

    Descarga la configuración oficial de Docker desde el repositorio de Penpot: git clone https://github.com/penpot/penpot.git /opt/penpot && cd /opt/penpot. La carpeta docker/images/ contiene el archivo docker-compose.yaml de referencia para producción.

  3. Configurar las variables de entorno

    Copia el archivo de ejemplo y edítalo: cp docker/images/.env.example docker/images/.env. Establece como mínimo PENPOT_FLAGS (activa enable-smtp y enable-registration), PENPOT_PUBLIC_URI (tu dominio: https://penpot.your-domain.com), y genera un secreto robusto para PENPOT_SECRET_KEY con openssl rand -hex 32.

  4. Iniciar los contenedores

    Desde la carpeta docker/images/, ejecuta: docker compose -p penpot -f docker-compose.yaml up -d. Docker descargará las imágenes (penpot-frontend, penpot-backend, penpot-exporter, penpot-pgsql, penpot-redis) y arrancará los servicios. Verifica que todos los contenedores estén en estado running con docker compose -p penpot ps.

  5. Configurar Nginx como proxy inverso con SSL

    Instala Nginx y Certbot: apt install -y nginx certbot python3-certbot-nginx. Crea un vhost en /etc/nginx/sites-available/penpot apuntando a localhost:3449 (el puerto frontend por defecto de Penpot), luego obtén un certificado Let's Encrypt: certbot --nginx -d penpot.your-domain.com. Certbot modifica automáticamente la configuración para redirigir HTTP a HTTPS.

  6. Crear la primera cuenta de administrador

    Navega a https://penpot.your-domain.com en tu navegador. La página de registro es accesible si enable-registration está activo en los flags. Crea tu cuenta de administrador, luego desactiva el registro público en .env (disable-registration) y reinicia los contenedores si no quieres que cualquiera pueda crear una cuenta.

  7. Configurar SMTP para invitaciones (opcional)

    Para invitar colaboradores por email, establece en .env las variables PENPOT_SMTP_HOST, PENPOT_SMTP_PORT, PENPOT_SMTP_USER, PENPOT_SMTP_PASSWORD y PENPOT_SMTP_FROM. Reinicia los contenedores tras cualquier cambio: docker compose -p penpot restart.

  8. Verificar la instalación

    Abre un proyecto de prueba, invita una segunda cuenta y verifica que la colaboración en tiempo real funciona (cursores visibles, cambios sincronizados). Consulta los logs ante cualquier anomalía: docker compose -p penpot logs backend --tail=50.

Gestión multicliente: espacios de trabajo y permisos

Penpot organiza el trabajo en equipos (teams), que se corresponden exactamente con las necesidades de una agencia con múltiples clientes. Cada cliente tiene su propio equipo, con sus propios proyectos, miembros y espacio de bibliotecas. El equipo "Acme Corp" nunca verá las maquetas del equipo "Industrias García". Como administrador de la instancia, puedes ser miembro de todos los equipos simultáneamente, lo que te permite cambiar entre clientes sin cambiar de cuenta.

Los niveles de permisos son granulares: un cliente puede ser invitado como solo lectura en sus propios proyectos (ve y comenta, pero no edita), mientras que tus diseñadores tienen acceso de edición completo. Los desarrolladores de integración pueden acceder al modo Inspect sin tocar los archivos fuente. Esta arquitectura aborda directamente la limitación de Figma, donde cada acceso de edición cuesta un puesto adicional.

Seguridad y mantenimiento: activa la autenticación de dos factores (2FA) para todas las cuentas de administrador. Configura copias de seguridad automáticas de PostgreSQL con pg_dump hacia un almacenamiento remoto (por ejemplo un bucket S3 u otro VPS) — una vez al día es suficiente para la mayoría de agencias. Sigue los lanzamientos de Penpot en GitHub y actualiza ejecutando docker compose -p penpot pull && docker compose -p penpot up -d desde la carpeta de instalación. Antes de cada actualización, realiza un volcado completo de la base de datos: docker exec penpot-pgsql pg_dump -U penpot penpot > backup_$(date +%F).sql.

Resolución de problemas frecuentes

Estos son los cuatro errores más frecuentes durante una instalación de Penpot y sus remedios.

  • Error "502 Bad Gateway" en Nginx: el contenedor frontend no está listo todavía o no escucha en el puerto correcto. Verifica que el puerto 3449 es el que Nginx está proxificando, y que el contenedor está en estado running (docker compose -p penpot ps). Si el contenedor reinicia en bucle, consulta docker compose -p penpot logs frontend.
  • Error "PENPOT_SECRET_KEY is not set" al arrancar el backend: la variable PENPOT_SECRET_KEY está ausente o vacía en tu archivo .env. Genera un valor con openssl rand -hex 32 y reinicia los contenedores.
  • Los emails de invitación no llegan: verifica que enable-smtp aparece en PENPOT_FLAGS y que tus credenciales SMTP son correctas. Prueba el envío desde el contenedor backend: docker exec -it penpot-backend ./manage.sh send-test-email [email protected].
  • La exportación a SVG o PDF falla silenciosamente: el contenedor penpot-exporter (servicio Chromium sin cabeza) necesita recursos suficientes. Aumenta la memoria asignada a Docker y verifica que el contenedor exporter está arrancado y es accesible desde el backend a través de la red interna de Docker.

Migrar desde Figma: exportación, SVG y design tokens

La migración desde Figma se realiza en tres fases. Primero, exporta tus archivos de Figma en formato SVG (por página o por componente) desde Figma Desktop — es el formato que Penpot importa mejor. La importación de .fig está disponible en Penpot v2 pero sigue siendo parcial: las restricciones avanzadas, ciertos modos de fusión complejos y las bibliotecas compartidas no siempre se conservan fielmente. Para los proyectos activos, prefiere una migración componente a componente antes que una importación masiva.

A continuación, extrae tus design tokens de Figma con una herramienta como Token Studio o Style Dictionary, y reimporta en Penpot a través de su interfaz de gestión de tokens. Esto preserva tu sistema de colores, tipografías y espaciados sin reingresar datos manualmente. Por último, comunica a tus desarrolladores que el modo Inspect de Penpot les proporciona directamente los valores CSS, el espaciado en píxeles y las especificaciones de componentes — sin plugin de terceros. La transición es más fluida porque Penpot habla nativamente los mismos estándares que el navegador.

Penpot autoalojado: soberanía y control de costes para tu agencia

Penpot v2 no es un clon de Figma y no pretende serlo. El ecosistema de plugins sigue siendo más modesto, y migrar archivos complejos requiere paciencia. Pero para una agencia que gestiona múltiples clientes, la combinación de un espacio de diseño colaborativo soberano, accesos sin facturación por puesto y una infraestructura a coste fijo representa una ventaja estructural real. Desplegar Penpot en un VPS de ServOrbit desde 99 DH/mes significa recuperar el control de tu cadena de diseño — sin depender de una decisión de precios que no tomaste.

Despliega Penpot en tu VPS hoy mismo

ServOrbit ofrece Penpot v2 con despliegue en un clic desde el marketplace. VPS configurado, Docker listo, certificado SSL incluido — tu espacio de diseño colaborativo estará operativo en minutos.

¿Necesita ayuda?

Consulte nuestro centro de ayuda y nuestra FAQ, o contacte con nuestro equipo: llamada, WhatsApp o correo electrónico. Soporte en francés, inglés y árabe.

Escribir por WhatsAppse abre en una pestaña nueva