[{"data":1,"prerenderedAt":149},["ShallowReactive",2],{"seo-verification":3,"blog-alojar-penpot-en-un-vps-es":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"key":7,"data":8},"blog-alojar-penpot-en-un-vps-es",{"id":9,"slug":10,"slugs":11,"title":15,"excerpt":16,"readTime":17,"views":18,"isPinned":19,"publishedAt":20,"updatedAt":21,"category":22,"categories":27,"featuredImage":29,"bgImage":30,"posterImage":31,"relatedSolution":32,"intro":35,"sections":36,"ctaTitle":85,"ctaBody":86,"ctaButton":87,"ctaUrl":88,"relatedPosts":89},193,"alojar-penpot-en-un-vps",{"fr":12,"en":13,"ar":14,"es":10},"self-host-penpot-vps","self-host-penpot-open-source-figma-alternative-on-your-vps","استضافة-penpot-على-vps-بديل-figma-مفتوح-المصدر","Alojar Penpot en un VPS: alternativa a Figma open-source","Despliegue Penpot en un VPS ServOrbit: diseño colaborativo — prototipado vectorial, componentes, handoff a desarrollo — sin suscripción a Figma ni datos en terceros.",4,0,false,"2026-07-27T00:00:00+00:00","2026-09-11T11:34:11+00:00",{"id":17,"name":23,"slug":24,"color":25,"icon":26},"Desarrollo","developpement","bg-warning\u002F10 text-warning","dev",[28],{"id":17,"name":23,"slug":24,"color":25,"icon":26},null,"\u002Fblog\u002Fcovers\u002Fbg.svg","\u002Fblog\u002Fcovers\u002Fself-host-penpot-vps-poster.svg",{"categorySlug":33,"appSlug":34},"colaboracion-productividad","penpot","Figma se ha convertido en el estándar del diseño de interfaces, pero desde su compra por Adobe sus tarifas han subido y la cuestión de la soberanía de los datos de diseño se plantea. Penpot (MPL-2.0, más de 57 k ⭐, v2.17) es la alternativa: una herramienta de diseño colaborativo en tiempo real, basada en los estándares web (SVG nativo, CSS), que se autoaloja en 6 contenedores Docker. Un solo comando desde el marketplace de ServOrbit basta para tenerla en producción en su propio VPS.",[37,41,52,55,78,81],{"type":38,"title":39,"body":40},"h2","Penpot frente a Figma: lo que cambia de verdad la alternativa open-source","Figma y Penpot comparten el mismo paradigma: diseño vectorial en el navegador, colaboración en tiempo real, componentes reutilizables y handoff a desarrollo integrado. La diferencia fundamental está en el modelo de datos: Figma lo almacena todo en sus servidores en un formato propietario; Penpot utiliza SVG estándar como formato nativo, lo que significa que sus archivos de diseño son legibles por cualquier editor SVG y no dependen de ningún proveedor. Para un equipo que autoaloja su código en Gitea, su documentación en Docmost y su comunicación en Mattermost, alojar también su herramienta de diseño en ServOrbit es la conclusión lógica.",{"type":42,"title":43,"items":44},"ul","Lo que Penpot ofrece de serie",[45,46,47,48,49,50,51],"Diseño vectorial en tiempo real: varios diseñadores a la vez sobre el mismo archivo, con cursores visibles y comentarios contextuales en las capas.","Componentes y bibliotecas compartidas: cree design systems y publíquelos en bibliotecas compartidas entre proyectos.","Handoff a desarrollo nativo: inspector CSS en vivo, exportación de assets, anotaciones y guías de spacing generadas automáticamente a partir de los diseños.","Prototipado interactivo: enlace frames con transiciones y simule la navegación por el prototipo sin salir de la herramienta.","Rejillas flexibles y restricciones: layouts automáticos, rejillas CSS nativas y restricciones de redimensionado idénticas a las de Figma.","Formato SVG abierto: sus archivos son portables e importables en Inkscape, Illustrator o cualquier editor vectorial.","Integración MCP: conecte Penpot a su asistente de IA para generar componentes a partir de descripciones de texto (v2.17).",{"type":38,"title":53,"body":54},"Arquitectura: 6 contenedores, un único punto de entrada HTTP","Penpot es una pila moderna compuesta por: `penpot-postgres` (PostgreSQL 15, persistencia de proyectos y usuarios), `penpot-valkey` (Valkey 8, caché de sesiones y pub\u002Fsub en tiempo real), `penpot-backend` (Clojure, API y lógica de negocio), `penpot-exporter` (motor de exportación PNG\u002FPDF\u002FSVG mediante navegador headless), `penpot-mcp` (servidor MCP para la integración con IA) y `penpot-frontend` (proxy HTTP en el puerto 9001, que sirve la app React y enruta las peticiones hacia el backend). La arquitectura está pensada para exponerse tras un reverse proxy: basta con un único puerto 9001, ya que el frontend actúa de enrutador interno. En un VPS ServOrbit de 4 GB de RAM, la pila completa consume unos 800 MB en reposo — el resto queda disponible para sus otros servicios.",{"type":56,"title":57,"items":58,"steps":74},"steps","Despliegue en 6 pasos",[59,62,65,68,71],{"title":60,"body":61},"Contrate un VPS ServOrbit","2 GB de RAM es el mínimo absoluto; 4 GB es lo recomendado en producción para que la exportación de archivos complejos (PDF, PNG de alta resolución) no sature el contenedor exporter. Ubuntu 24.04 LTS es la plantilla por defecto.",{"title":63,"body":64},"Apunte un subdominio a su VPS","Cree un registro A para `design.yourdomain.com` hacia la IP del VPS. El aprovisionador de ServOrbit genera un certificado Let's Encrypt automáticamente. Penpot desactiva las cookies de sesión seguras en HTTP: un dominio HTTPS es imprescindible para la colaboración multiusuario en producción.",{"title":66,"body":67},"Instale desde el marketplace","En la consola ServOrbit: Marketplace → Colaboración → Penpot → Desplegar. El job de AWX arranca los 6 contenedores, genera `APP_SECRET` y configura `PENPOT_PUBLIC_URI` con su dominio. La interfaz está accesible en `https:\u002F\u002Fdesign.yourdomain.com` en 2-3 minutos.",{"title":69,"body":70},"Cree la primera cuenta de administrador","El registro está abierto por defecto (`enable-registration`). Vaya a `https:\u002F\u002Fdesign.yourdomain.com` y cree su cuenta: el primer usuario creado obtiene los permisos de administrador. Desde el panel de administración (`\u002Fapi\u002Frpc\u002Fcommand\u002Fget-profile`) podrá después desactivar los registros públicos e invitar a sus colaboradores por correo.",{"title":72,"body":73},"Importe sus archivos de Figma","Penpot importa de forma nativa los archivos `.fig` (exportados desde Figma). En un proyecto Penpot, haga clic en Import → Figma file y seleccione su exportación. Los frames, componentes y estilos se convierten en elementos Penpot — espere algunas pérdidas menores en los plugins específicos de Figma, pero la estructura general se conserva.",[75],{"title":76,"body":77},"Conectarse por primera vez","Abra la URL y haga clic en «Crear una cuenta»: el registro está abierto y la verificación por correo desactivada, así que su cuenta queda activa de inmediato. Hágalo cuanto antes.",{"type":38,"title":79,"body":80},"Integrar Penpot en su flujo de trabajo Git","El formato SVG nativo de Penpot abre posibilidades que Figma no puede ofrecer: sus diseños son archivos de texto versionables. Exporte un componente en SVG, súbalo a su repositorio de Gitea y su pipeline de CI podrá detectar las regresiones visuales mediante diffs de SVG. Los desarrolladores del equipo pueden inspeccionar los cambios de diseño en una PR como cualquier otro código. Este enfoque «design-as-code» resulta especialmente potente para los design systems: una modificación de un token de color en Penpot genera un diff SVG inmediatamente legible en Gitea.",{"type":82,"title":83,"body":84},"tip","Penpot MCP: genere diseños desde su asistente de IA","Desde la v2.17, Penpot incorpora un servidor MCP (`penpot-mcp`) que expone sus proyectos a cualquier cliente compatible con MCP. Configure su asistente (Claude, Cursor, Continue) con la URL MCP de su instancia Penpot y podrá pedirle «crea un botón primario de 40px, color #6765A2, border-radius 8px»: el asistente genera directamente el componente en su archivo de diseño abierto. Es el bucle diseño→código más corto disponible en self-hosted.","Su estudio de diseño bajo su control","Despliegue Penpot en un VPS ServOrbit y ofrezca a su equipo un espacio de diseño colaborativo soberano — sin suscripción por puesto y sin datos de diseño en Adobe.","Desplegar Penpot","\u002Fmarketplace\u002Fcolaboracion-productividad\u002Fpenpot",[90,113,131],{"id":91,"slug":92,"slugs":93,"title":97,"excerpt":98,"readTime":99,"views":18,"isPinned":19,"publishedAt":100,"updatedAt":101,"category":102,"categories":108,"featuredImage":29,"bgImage":30,"posterImage":110,"relatedSolution":111},148,"como-autoalojar-docmost-en-un-vps",{"fr":94,"en":95,"ar":96,"es":92},"self-host-docmost-vps","how-to-self-host-docmost-on-a-vps","كيفية-استضافة-docmost-ذاتيا-على-vps","Cómo autoalojar Docmost en un VPS","Despliegue Docmost en su VPS: wiki de equipo autoalojado con colaboración en tiempo real. La alternativa open source a Notion y Confluence, en 15 minutos.",3,"2026-01-28T00:00:00+00:00","2026-09-07T11:26:10+00:00",{"id":103,"name":104,"slug":105,"color":106,"icon":107},7,"Autoalojamiento","self-hosting","bg-indigo-500\u002F10 text-indigo-400","cloud",[109],{"id":103,"name":104,"slug":105,"color":106,"icon":107},"\u002Fblog\u002Fcovers\u002Fself-host-docmost-vps-poster.svg",{"categorySlug":33,"appSlug":112},"docmost",{"id":114,"slug":115,"slugs":116,"title":120,"excerpt":121,"readTime":122,"views":123,"isPinned":19,"publishedAt":124,"updatedAt":101,"category":125,"categories":126,"featuredImage":29,"bgImage":30,"posterImage":128,"relatedSolution":129},76,"alojar-mattermost-en-un-vps",{"fr":117,"en":118,"ar":119,"es":115},"heberger-mattermost","host-mattermost-on-your-own-vps","استضافة-mattermost-على-خادم-vps-الخاص-بك","Alojar Mattermost en su propio VPS","Guía completa 2026: despliegue Mattermost v10\u002Fv11 en VPS con Docker, PostgreSQL, SSL, integraciones y copias de seguridad. Alternativa self-hosted a Slack.",9,2,"2026-04-05T00:00:00+00:00",{"id":103,"name":104,"slug":105,"color":106,"icon":107},[127],{"id":103,"name":104,"slug":105,"color":106,"icon":107},"\u002Fblog\u002Fcovers\u002Fheberger-mattermost-poster.svg",{"categorySlug":105,"appSlug":130},"mattermost",{"id":132,"slug":133,"slugs":134,"title":138,"excerpt":139,"readTime":140,"views":18,"isPinned":19,"publishedAt":141,"updatedAt":101,"category":142,"categories":143,"featuredImage":29,"bgImage":30,"posterImage":145,"relatedSolution":146},74,"alojar-gitea-en-un-vps",{"fr":135,"en":136,"ar":137,"es":133},"heberger-gitea","host-gitea-on-your-own-vps","استضافة-gitea-على-خادم-vps-الخاص-بك","Alojar Gitea en su propio VPS en 2026","Despliegue Gitea en un VPS con Docker y SSL. Guía completa: instalación, migración a Forgejo v16 y comparativa de gobernanza.",8,"2026-04-07T00:00:00+00:00",{"id":103,"name":104,"slug":105,"color":106,"icon":107},[144],{"id":103,"name":104,"slug":105,"color":106,"icon":107},"\u002Fblog\u002Fcovers\u002Fheberger-gitea-poster.svg",{"categorySlug":147,"appSlug":148},"desarrollo","gitea",1789665003203]