[{"data":1,"prerenderedAt":119},["ShallowReactive",2],{"seo-verification":3,"marketplace-app-es-penpot":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"key":7,"data":8},"marketplace-app-es-penpot",{"slug":9,"slugs":10,"categorySlugs":11,"name":16,"description":17,"phase":18,"unavailableReason":19,"docsUrl":20,"logo":19,"github":19,"tagline":21,"longDescription":22,"features":23,"useCases":31,"steps":41,"faq":60,"specs":79,"compatibleOs":89,"relatedApps":91,"relatedPosts":112,"category":116},"penpot",{"fr":9,"en":9,"ar":9,"es":9},{"fr":12,"en":13,"ar":14,"es":15},"collaboration","collaboration-productivity","التعاون-والإنتاجية","colaboracion-productividad","Penpot","La plataforma de diseño de código abierto autoalojable — alternativa a Figma para los equipos de producto, con colaboración en tiempo real, prototipado interactivo y exportación de CSS en vivo.",1,null,"https:\u002F\u002Fservorbit.com\u002Fblog\u002Falojar-penpot-en-un-vps","Plataforma de diseño y prototipado de código abierto, alternativa autoalojada a Figma: colaboración en tiempo real, componentes compartidos e inspector de CSS en vivo.","Penpot es una plataforma de diseño y prototipado de código abierto (MPL-2.0, unas 57 000 estrellas en GitHub, versión 2.17) que funciona íntegramente en el navegador y se aloja en su propia infraestructura. Allí donde Figma conserva sus archivos en los servidores del editor y factura por puesto, Penpot se ejecuta en un VPS que usted controla: las maquetas, las bibliotecas de recursos y los enlaces de prototipo se quedan en su servidor. Las funciones cubren todo el flujo de trabajo — herramientas vectoriales, auto-layout alineado con la semántica nativa de CSS Flexbox y Grid, componentes reutilizables con anulaciones anidadas, design tokens, prototipos interactivos (transiciones al hacer clic, al pasar el cursor o temporizadas) e inspector que muestra en directo el código generado.\n\nLa colaboración multiusuario está integrada: varios diseñadores editan el mismo archivo al mismo tiempo, con cursores visibles y comentarios contextuales. En un VPS ServOrbit, la pila Docker Compose — frontend, backend en Clojure, servicio de exportación, PostgreSQL 15 y Valkey — arranca en menos de dos minutos. La primera cuenta registrada se convierte en administradora, y la verificación por correo electrónico está desactivada de forma predeterminada para que el equipo sea productivo de inmediato; podrá reactivarla con un relé SMTP en el momento del paso a producción.",[24,25,26,27,28,29,30],"Colaboración en tiempo real — varios diseñadores trabajan de forma simultánea en el mismo archivo, con cursores en directo y comentarios contextuales.","Prototipado interactivo — conecte las páginas con interacciones (clic, paso del cursor, retardo) para crear prototipos navegables sin código.","Componentes y design tokens — bibliotecas compartidas de componentes, colores, tipografías y rejillas reutilizables a escala de todo el equipo.","Rejillas y CSS en vivo — los objetos generan su CSS correspondiente (Flexbox, Grid), visible en tiempo real en el panel Inspector.","Importación de archivos de Figma — migración nativa (.fig) con conversión fiel de los componentes, los estilos y los auto-layouts.","Almacenamiento en su propia infraestructura — los archivos de diseño permanecen en su VPS; ningún dato transita por servidores de terceros.","Licencia MPL-2.0 — ~57 k ⭐ en GitHub, actualizaciones mensuales, plugin MCP integrado (v2.17+).",[32,35,38],{"title":33,"body":34},"Sustituir a Figma sin suscripción mensual","Despliegue Penpot en un VPS ServOrbit e invite a todo su equipo de diseño. Los archivos permanecen en su infraestructura y las funciones (prototipado, componentes, auto-layout, inspector de CSS) están incluidas sin ningún plan de pago. Coste mensual = precio del VPS.",{"title":36,"body":37},"Handoff diseño → desarrollo sin herramientas de terceros","El inspector de CSS en vivo de Penpot genera el código Flexbox\u002FGrid directamente desde el archivo de diseño. Los desarrolladores abren el enlace del proyecto en su navegador y copian los valores CSS exactos — sin Zeplin, sin plugin.",{"title":39,"body":40},"Agencia con datos de clientes sensibles","Aloje Penpot en un VPS dedicado, en la jurisdicción que prefiera. Las maquetas y los recursos de marca de sus clientes nunca salen de su infraestructura. Cree una cuenta por cliente con proyectos aislados.",[42,45,48,51,54,57],{"title":43,"body":44},"Pedir un VPS ServOrbit","Elija un VPS con al menos 2 GB de RAM (4 GB recomendado para los equipos). Ubuntu 24.04, con Docker instalado por el aprovisionador. Penpot es una pila multicontenedor.",{"title":46,"body":47},"Apuntar un dominio y crear la primera cuenta","Apunte un subdominio a su VPS. El aprovisionador configura el proxy HTTPS. Abra la URL en su navegador y cree su cuenta de administrador — la verificación por correo electrónico está desactivada de forma predeterminada.",{"title":49,"body":50},"Conectarse por primera vez","Abra la URL y haga clic en «Crear una cuenta»: el registro está abierto y la verificación por correo electrónico está desactivada, por lo que su cuenta queda activa de inmediato. Hágalo enseguida.",{"title":52,"body":53},"Despliegue en un clic","El aprovisionador lanza la pila Docker Compose (frontend, backend, exportador, PostgreSQL 15, Valkey). Primer arranque: migraciones de base de datos (~1 min).",{"title":55,"body":56},"Crear un proyecto e invitar al equipo","En Penpot, cree un Team, un Project y un primer archivo. Invite a sus colaboradores por correo electrónico. Cada miembro accede de inmediato desde su navegador, sin instalación local.",{"title":58,"body":59},"Pasar a producción","Desactive el registro abierto en PENPOT_FLAGS para controlar los accesos. Configure un SMTP para las invitaciones por correo electrónico. Copias de seguridad = volúmenes Docker (postgresql + assets).",[61,64,67,70,73,76],{"q":62,"a":63},"¿Es Penpot realmente una alternativa a Figma?","Sí, para la gran mayoría de los usos: diseño, prototipado interactivo, bibliotecas de componentes, auto-layout Flexbox\u002FGrid, colaboración en tiempo real, exportación de CSS. Faltan algunas funciones avanzadas de Figma. Para un equipo que valora la soberanía de sus datos, Penpot es una herramienta madura (v2.17, ~57 k ⭐).",{"q":65,"a":66},"¿Cuánta RAM hace falta para autoalojar Penpot?","2 GB bastan para un uso individual o un equipo pequeño. Para 5 personas o más trabajando de forma simultánea, prevea 4 GB. El servicio que más consume es penpot-backend (JVM Clojure). PostgreSQL se mantiene ligero (\u003C256 MB).",{"q":68,"a":69},"¿Los colaboradores necesitan instalar algo?","No. Penpot funciona íntegramente en el navegador (Chrome, Firefox, Edge). Los colaboradores reciben un enlace, crean una cuenta y acceden de inmediato a los archivos compartidos.",{"q":71,"a":72},"¿Puedo importar mis archivos de Figma en Penpot?","Sí. Penpot incluye un importador nativo .fig. Archivo → Importar → seleccione el archivo de Figma exportado. Los componentes, los estilos, los auto-layouts y los prototipos se convierten. Algunos efectos avanzados pueden requerir un ajuste manual.",{"q":74,"a":75},"¿Se puede elegir el dominio después del despliegue?","No, debe decidirse antes. La URL pública se inyecta en el primer arranque en `PENPOT_PUBLIC_URI`, tanto en el frontend como en el backend y en el servicio de exportación: es la que la pila publica en los enlaces para compartir. Decida el subdominio definitivo, cree el registro DNS y despliegue después.",{"q":77,"a":78},"¿La verificación por correo electrónico es obligatoria al registrarse?","No. Esta plantilla de ServOrbit activa disable-email-verification de forma predeterminada — las cuentas nuevas quedan activas inmediatamente, sin confirmación por correo electrónico. Configure un SMTP y desactive esta opción para exigir la verificación en producción.",{"ram":80,"cpu":81,"disk":82,"stack":83,"port":88},"2 GB (4 GB recomendado)","2 vCPU","30 GB",[84,85,86,87],"Docker","Clojure","PostgreSQL 15","Valkey 8","9001",[90],"ubuntu-24.04",[92,100,106],{"name":93,"slug":94,"categorySlug":15,"categoryName":95,"categoryColor":96,"logo":97,"tagline":98,"description":99},"Nextcloud","nextcloud","Colaboración y productividad","text-indigo-400 bg-indigo-500\u002F10","https:\u002F\u002Fcdn.simpleicons.org\u002Fnextcloud","Nube privada de equipo: archivos, calendarios, contactos y colaboración en su propia infraestructura.","Almacenamiento, compartición y colaboración en equipo. Sus archivos, calendarios y contactos en su propia infraestructura.",{"name":101,"slug":102,"categorySlug":15,"categoryName":95,"categoryColor":96,"logo":103,"tagline":104,"description":105},"Mattermost","mattermost","https:\u002F\u002Fcdn.simpleicons.org\u002Fmattermost","Mensajería de equipo segura y autoalojada — la alternativa soberana a Slack y Teams.","Mensajería de equipo segura y autoalojada. Canales, hilos, integraciones — sin depender de Slack ni de Teams.",{"name":107,"slug":108,"categorySlug":15,"categoryName":95,"categoryColor":96,"logo":109,"tagline":110,"description":111},"Wiki.js","wiki-js","https:\u002F\u002Fcdn.simpleicons.org\u002Fwikidotjs","Base de conocimiento moderna — documentación estructurada, búsqueda de texto completo y gestión detallada de los accesos.","Base de conocimiento moderna para sus equipos. Documentación estructurada, búsqueda de texto completo y gestión detallada de los accesos.",[113,114,115],"self-host-penpot-vps","heberger-nextcloud","heberger-mattermost",{"key":12,"slug":15,"name":95,"objective":117,"icon":118,"color":96},"Compartir la información y colaborar.","collab",1789665082361]