Cómo instalar Penpot en Saplo: alternativa a Figma sin costes por usuario

Figma en el plan Professional cuesta 16 dólares mensuales por cada puesto completo de editor con pago anual, y 20 dólares si se paga mes a mes. En euros, eso es aproximadamente 14 € al mes por cada persona que diseña. Un equipo de cinco diseñadores paga entonces alrededor de 68 € al mes, es decir, unos 818 € al año, y esa cantidad crece con cada nuevo editor. Penpot es un editor open source para diseñar interfaces y crear prototipos que hace lo mismo en el navegador, pero alojado en tu propio servidor no genera costos por puesto. Aquí tienes una guía completa: qué es Penpot, cuándo realmente puede reemplazar a Figma, cuándo no, cuántos recursos necesita y cómo instalarlo en Saplo paso a paso.

¿Qué es Penpot?

Penpot es una herramienta de diseño UI/UX desarrollada por la empresa española Kaleidos como un proyecto open source. Funciona completamente en el navegador, al igual que Figma, por lo que el diseñador no tiene que instalar nada en su computadora. La diferencia técnica más importante: Penpot guarda los proyectos en estándares abiertos web, es decir, SVG, y la disposición de los elementos se basa en CSS Flexbox y CSS Grid. Para el equipo esto significa que el proyecto está más cerca de lo que luego el programador introducirá en el código.

Lo que consigues en la práctica:

• maquetas y diseños de pantallas, con capas, grupos, máscaras, texto y gráficos vectoriales,
• componentes y bibliotecas compartidas, como botones, campos de formulario y tarjetas definidos una vez y usados en muchos archivos,
• layouts Flex y Grid, que funcionan como sus equivalentes en CSS, por lo que el diseño responsivo no es solo un dibujo,
• prototipos interactivos con transiciones entre pantallas, para mostrar al cliente o para pruebas con usuarios,
• pestaña Inspect, donde el programador puede ver dimensiones, colores, espacios y código CSS o SVG listo para usar,
• exportación a PNG, PDF y SVG, gestionada por un contenedor de exportación independiente,
• edición colaborativa en vivo, cuando varias personas trabajan en el mismo archivo al mismo tiempo, con cursores y comentarios visibles.

Encontrarás una descripción completa de la aplicación y el botón de instalación en la página de Penpot en el catálogo de Saplo.

Penpot o Figma: una comparación honesta

Penpot no es un clon exacto de Figma y no tiene sentido fingir que lo es. Antes de trasladar a tu equipo, verifica si tu trabajo encaja en lo que Penpot hace bien.

Criterio	Figma (Professional)	Penpot en Saplo
Precio	aprox. 14 € mensuales por cada editor	precio fijo del Box, sin cargos por puestos
Número de editores	cada uno con pago separado	sin límite, solo limitado por la memoria del servidor
Dónde están los proyectos	nube de Figma, servidores en EE.UU.	tu Box en un centro de datos en Alemania
Formato de archivos	formato cerrado de Figma	estándares abiertos, SVG y CSS
Distribución de elementos	Auto Layout (modelo propio)	Flex y Grid compatibles con CSS
Edición colaborativa en vivo	sí	sí
Prototipos	avanzados, con animaciones	básicos y medianamente avanzados
Plugins	enorme ecosistema	más pequeño, pero en crecimiento
Funciones de IA	integradas, pagadas con créditos	no disponibles en la instalación estándar

Cuándo Penpot es totalmente suficiente: si diseñas sitios web y aplicaciones, creas maquetas para clientes, construyes una biblioteca de componentes o entregas proyectos a desarrolladores. Esto representa la mayor parte del trabajo en pequeñas agencias y equipos de producto.

Cuándo quedarte con Figma: si tu equipo depende mucho de plugins específicos del ecosistema de Figma, hace prototipos muy elaborados con microanimaciones o el cliente exige la entrega de archivos en formato .fig. Penpot no abre archivos de Figma directamente. Migrar proyectos existentes es un trabajo aparte, por eso es prudente comenzar nuevos proyectos en Penpot y terminar los antiguos donde fueron creados.

Cuánto cuesta: cuentas con números concretos

Figma cobra por persona. Box en Saplo cobra por servidor. Con un solo diseñador la diferencia es pequeña, pero con un equipo grande se nota mucho.

Equipo	Figma Professional anual	Penpot en Box L anual
1 diseñador	aprox. 164 €	136 €
3 diseñadores	aprox. 491 €	136 €
5 diseñadores	aprox. 818 €	136 €
10 diseñadores	aprox. 1636 €	295 € (Box XL)

Las cifras para Figma están convertidas de 16 dólares al mes con pago anual, a una tasa de cambio de aproximadamente 85 € por dólar. Con pago mensual, Figma sale un cuarto más caro. Los precios de Saplo son los precios de catálogo de los Box, el primer año cuesta lo mismo que la renovación.

Hay otra cosa que no se ve en la tabla: en el mismo Box puedes instalar otras herramientas para el equipo. Un disco común, un gestor de contraseñas o un tablero de tareas los instalas junto a Penpot sin coste adicional, mientras la memoria alcance.

Requisitos: qué Box elegir

Penpot es una de las aplicaciones más exigentes en el catálogo de Saplo. La instalación consta de cinco contenedores Docker que trabajan juntos:

• frontend, el editor en el navegador, el único contenedor expuesto al exterior,
• backend, que almacena los proyectos y gestiona la edición conjunta; funciona en una máquina virtual Java, por lo que necesita mucha memoria,
• exporter, que renderiza exportaciones a PNG, PDF y SVG ejecutando un navegador internamente,
• PostgreSQL 15, una base de datos exclusiva para Penpot,
• Redis, caché y cola para la edición compartida.

De allí vienen los requisitos:

• mínimo 4 GB de memoria RAM libre y 15 GB de espacio en disco,
• Box con Docker, el motor lo activa automáticamente al instalar desde el catálogo,
• dominio o subdominio *.saploapp.pl, que recibes con cada plan.

En la práctica esto significa:

• Box S (1 GB) y Box M (2 GB) no son suficientes. Penpot no cabe en ellos.
• Box L (6 GB RAM, 60 GB SSD, 136 € al año) es el mínimo razonable para un equipo de varias personas. Deja espacio de memoria para una o dos aplicaciones más ligeras y las copias de seguridad de los últimos 7 días están incluidas.
• Box XL (12 GB RAM, 150 GB SSD, 295 € al año) elige este si diseñan alrededor de una docena de personas al mismo tiempo, los archivos tienen cientos de pantallas o quieres alojar más herramientas de equipo en el mismo servidor.

No necesitas comprar ni configurar una base de datos por separado. PostgreSQL y Redis son parte de la receta y están en el mismo conjunto de contenedores que Penpot.

Instalacion paso a paso

1. Inicia sesión en el panel de Saplo y entra en el Catálogo de aplicaciones. Ahí encontrarás Penpot entre las herramientas. También puedes empezar desde la página de Penpot y hacer clic en el botón de implementación.
2. Elige el Box donde quieres instalar el editor. Si el Box tiene poca memoria libre, el panel te avisará antes de la instalación, no después de un intento fallido.
3. Indica la dirección. Lo más fácil es una subdominio tipo projects.saploapp.pl. Si prefieres tu propio dominio, por ejemplo design.tuempresa.es, configúralo durante la instalación y el certificado SSL se emitirá automáticamente.
4. Confirma la instalación. El motor instala Docker, descarga las imágenes de Penpot, PostgreSQL y Redis, genera contraseñas aleatorias para la base de datos y la clave de sesión, y lanza los cinco contenedores.
5. Espera. Las tres imágenes de Penpot suman más de un gigabyte, así que la primera descarga en un Box nuevo tarda más que con aplicaciones ligeras. La instalación acaba cuando el editor responde realmente en tu dirección.
6. Cuando el Estado cambie a activo, abre la dirección en el navegador.

Primer inicio: cuenta y equipo

Penpot no tiene una contraseña de administrador predeterminada. Creas la cuenta tú mismo la primera vez que accedes al sitio:

1. En la pantalla de inicio de sesión, selecciona Create an account.
2. Introduce tu correo electrónico, contraseña y nombre. La confirmación por correo está desactivada en esta instalación, por lo que la cuenta funciona de inmediato.
3. Penpot crea automáticamente el primer equipo para ti. Dentro del equipo creas proyectos, y dentro de los proyectos, archivos con pantallas.

Los detalles de la instalación, incluyendo los nombres de los contenedores y los comandos para ver los registros, se guardan en el archivo PENPOT-SETUP.txt en el directorio de la aplicación en Box. El panel de Saplo te mostrará su contenido cuando lo necesites.

Importante al registrarse: dado que el formulario está abierto y la confirmación por correo está desactivada, cualquiera que conozca la dirección puede crear una cuenta. Para un equipo pequeño en una subdominio poco conocida, normalmente no es un problema. Sin embargo, si la dirección es de dominio público, después de crear las cuentas de todo el equipo es recomendable desactivar el registro, como se explica más abajo.

Cómo trabaja el equipo: invitaciones sin correo

Las invitaciones al equipo Penpot se envían por correo electrónico. La instalación estándar en Saplo no tiene un servidor de correo configurado, por lo que no se enviará el correo con la invitación. Hay dos opciones:

• más simple: cada miembro del equipo crea su propia cuenta con tu dirección, y tú lo agregas al equipo o le compartes el proyecto,
• completa: configuras un servidor SMTP, por ejemplo un buzón corporativo que ya tengas. Lo haces por SSH, añadiendo la bandera enable-smtp y las variables PENPOT_SMTP_* en el archivo docker-compose.yml dentro del directorio de la aplicación, y luego ejecutas docker compose up -d. A partir de ese momento, las invitaciones, restablecimiento de contraseña y notificaciones funcionan con normalidad.

El acceso por SSH está disponible en cualquier Box desde el plan M en adelante, así que en Box L y XL lo tienes listo de inmediato, junto con acceso completo sudo.

Seguridad y configuraciones que vale la pena cambiar

Algunas cosas que deberías hacer durante la primera semana:

• Desactiva el registro tras crear las cuentas del equipo. Añade la bandera disable-registration a la variable PENPOT_FLAGS en docker-compose.yml tanto para frontend como backend, y luego reinicia los contenedores. Así podrás añadir personas nuevas mediante invitaciones, siempre que SMTP esté configurado.
• Usa tu propio dominio para los clientes. Un prototipo enviado al cliente con la dirección projects.tuempresa.es se ve más profesional que un enlace hacia una nube ajena.
• Recuerda hacer copias de seguridad. Box L incluye copias de seguridad durante 7 días en el precio, y Box XL durante 14 días. Además, de vez en cuando exporta los archivos clave de Penpot al formato .penpot para tener una copia independiente del servidor.
• Realiza las actualizaciones con precaución. La receta usa las últimas imágenes de Penpot. Antes de una actualización importante, revisa la lista de cambios del proyecto y asegúrate de tener una copia reciente.

Los proyectos de tus clientes nunca salen de tu Box ni se almacenan en servidores de Estados Unidos. Para agencias que firman acuerdos de confidencialidad con sus clientes o que trabajan en sectores sensibles, esto suele ser un argumento más fuerte que el precio mismo.

Problemas más comunes

El editor tarda mucho en cargar la primera vez que entras. El backend en Java se calienta tras iniciar los contenedores. La primera apertura después de un reinicio puede ser más lenta, pero las siguientes ya son rápidas.

La exportación a PDF o PNG no funciona o tarda mucho tiempo. El exportador ejecuta un navegador dentro y consume bastante memoria. Si en Box están funcionando muchas aplicaciones al mismo tiempo, puede quedarse sin RAM. Revisa los registros del contenedor del exportador y, si la memoria sigue siendo insuficiente, cambia a un plan superior.

No llegó la invitación al equipo. Este es un comportamiento por defecto, porque sin SMTP Penpot no envía correos. Conecta SMTP o pide a la persona que cree una cuenta y agrégala manualmente.

No puedo iniciar sesión después de cambiar la dirección. Penpot guarda su dirección pública en la configuración. Cambiar el dominio después de la instalación requiere actualizar la variable PENPOT_PUBLIC_URI y reiniciar los contenedores. Lo más sencillo es elegir la dirección definitiva desde el principio.

Resumen

Penpot tiene más sentido justo donde Figma duele más: en un equipo de varios diseñadores, cada uno con un costo mensual individual. Con Box L por 139 € al año puedes instalar un editor para todo el equipo, con edición compartida en vivo, bibliotecas de componentes, prototipos y exportación, y los proyectos permanecerán en tu servidor. Antes de mover a todo el equipo, crea un proyecto nuevo en Penpot y comprueba si la falta de ciertos plugins de Figma te molesta. Si no es así, el balance habla por sí solo.

Empieza desde la página de Penpot en el catálogo de Saplo, y si todavía no tienes un Box, compara los planes en la tarifa.