[{"data":1,"prerenderedAt":139},["ShallowReactive",2],{"seo-verification":3,"blog-self-host-penpot-open-source-figma-alternative-on-your-vps-en":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"id":7,"slug":8,"slugs":9,"title":12,"excerpt":13,"readTime":14,"views":15,"isPinned":16,"publishedAt":17,"category":18,"categories":23,"featuredImage":25,"bgImage":26,"posterImage":27,"relatedSolution":28,"intro":31,"sections":32,"ctaTitle":81,"ctaBody":82,"ctaButton":83,"ctaUrl":84,"relatedPosts":85},193,"self-host-penpot-open-source-figma-alternative-on-your-vps",{"fr":10,"en":8,"ar":11},"self-host-penpot-vps","استضافة-penpot-على-vps-بديل-figma-مفتوح-المصدر","Self-host Penpot: open-source Figma alternative on your VPS","Deploy Penpot on a ServOrbit VPS for a full collaborative design tool — vector prototyping, components, developer handoff — no Figma subscription, no third-party data.",4,0,false,"2026-07-27T00:00:00+00:00",{"id":14,"name":19,"slug":20,"color":21,"icon":22},"Development","developpement","bg-warning\u002F10 text-warning","dev",[24],{"id":14,"name":19,"slug":20,"color":21,"icon":22},null,"\u002Fblog\u002Fcovers\u002Fbg.svg","\u002Fblog\u002Fcovers\u002Fself-host-penpot-vps-poster.svg",{"categorySlug":29,"appSlug":30},"collaboration-productivity","penpot","Figma has become the standard for UI design, but since Adobe's acquisition, pricing has risen and the question of design data sovereignty has sharpened. Penpot (MPL-2.0, 57k+ ⭐, v2.17) is the alternative: a real-time collaborative design tool built on web standards (native SVG, CSS) that self-hosts in 6 Docker containers. A single click from the ServOrbit marketplace puts it in production on your own VPS.",[33,37,48,51,74,77],{"type":34,"title":35,"body":36},"h2","Penpot vs Figma: what the open-source alternative really changes","Figma and Penpot share the same paradigm: browser-based vector design, real-time collaboration, reusable components and integrated developer handoff. The fundamental difference lies in the data model: Figma stores everything on its servers in a proprietary format; Penpot uses standard SVG as its native format, meaning your design files are readable by any SVG editor and vendor-independent. For a team already self-hosting code on Gitea, documentation on Docmost and communication on Mattermost, hosting the design tool on ServOrbit is the logical conclusion.",{"type":38,"title":39,"items":40},"ul","What Penpot gives you out of the box",[41,42,43,44,45,46,47],"Real-time vector design — multiple designers on the same file simultaneously, visible cursors, contextual comments on layers.","Components & shared libraries — build design systems, publish them as shared libraries across projects.","Native developer handoff — live CSS inspector, asset export, annotations, spacing guides generated automatically from designs.","Interactive prototyping — link frames with transitions, simulate navigation in the prototype without leaving the tool.","Flexible grids & constraints — auto layouts, native CSS grids, resize constraints identical to Figma.","Open SVG format — your files are portable, importable into Inkscape, Illustrator or any vector editor.","MCP integration — connect Penpot to your AI assistant to generate components from text descriptions (v2.17).",{"type":34,"title":49,"body":50},"Architecture: 6 containers, one HTTP entry point","Penpot is a modern stack composed of: `penpot-postgres` (PostgreSQL 15, project and user persistence), `penpot-valkey` (Valkey 8, session cache and real-time pub\u002Fsub), `penpot-backend` (Clojure, API and business logic), `penpot-exporter` (PNG\u002FPDF\u002FSVG export engine via headless browser), `penpot-mcp` (MCP server for AI integration) and `penpot-frontend` (HTTP proxy on port 9001, serves the React app and routes requests to the backend). The architecture is designed for reverse-proxy exposure: a single port 9001 is sufficient, with the frontend acting as an internal router. On a 4 GB ServOrbit VPS, the full stack consumes around 800 MB at idle.",{"type":52,"title":53,"items":54,"steps":70},"steps","Deployment in 5 steps",[55,58,61,64,67],{"title":56,"body":57},"Order a ServOrbit VPS","2 GB RAM is the absolute minimum; 4 GB is recommended in production so that exporting complex files (PDF, high-resolution PNG) doesn't saturate the exporter container. Ubuntu 24.04 LTS is the default template.",{"title":59,"body":60},"Point a subdomain at your VPS","Create an A record for `design.yourdomain.com` pointing to the VPS IP. The ServOrbit provisioner automatically generates a Let's Encrypt certificate. Penpot disables secure session cookies over HTTP — an HTTPS domain is required for multi-user collaboration in production.",{"title":62,"body":63},"Install from the marketplace","In the ServOrbit console: Marketplace → Collaboration → Penpot → Deploy. The AWX job starts all 6 containers, generates `APP_SECRET` and sets `PENPOT_PUBLIC_URI` to your domain. The interface is reachable at `https:\u002F\u002Fdesign.yourdomain.com` in 2–3 minutes.",{"title":65,"body":66},"Create the first admin account","Registration is open by default (`enable-registration`). Navigate to `https:\u002F\u002Fdesign.yourdomain.com`, create your account — the first user created gets admin rights. From the admin panel, you can then disable public registration and invite collaborators by email.",{"title":68,"body":69},"Import your Figma files","Penpot natively imports `.fig` files (exported from Figma). In a Penpot project, click Import → Figma file, select your export. Frames, components and styles are converted to Penpot elements — expect minor losses for Figma-specific plugins, but the overall structure is preserved.",[71],{"title":72,"body":73},"Logging in for the first time","Open the URL and click \"Create an account\": registration is open and email verification is disabled, so your account is active immediately. Do it straight away.",{"type":34,"title":75,"body":76},"Integrating Penpot into your Git workflow","Penpot's native SVG format opens possibilities that Figma cannot offer: your designs are versionable text files. Export a component as SVG, commit it to your Gitea repo, and your CI pipeline can detect visual regressions via SVG diffs. Team developers can inspect design changes in a PR just like any code change. This 'design-as-code' approach is particularly powerful for design systems: a color token change in Penpot produces an immediately readable SVG diff in Gitea.",{"type":78,"title":79,"body":80},"tip","Penpot MCP: generate designs from your AI assistant","Since v2.17, Penpot ships an MCP server (`penpot-mcp`) that exposes your projects to any MCP-compatible client. Configure your assistant (Claude, Cursor, Continue) with your Penpot instance's MCP URL, and you can ask 'create a 40px primary button, color #6765A2, border-radius 8px' — the assistant generates the component directly in your open design file. It's the shortest design→code loop available in self-hosted.","Your design studio under your control","Deploy Penpot on a ServOrbit VPS and give your team a sovereign collaborative design space — no per-seat subscription, no design data at Adobe.","Deploy Penpot","\u002Fmarketplace\u002Fcollaboration-productivity\u002Fpenpot",[86,107,123],{"id":87,"slug":88,"slugs":89,"title":92,"excerpt":93,"readTime":94,"views":15,"isPinned":16,"publishedAt":95,"category":96,"categories":102,"featuredImage":25,"bgImage":26,"posterImage":104,"relatedSolution":105},148,"how-to-self-host-docmost-on-a-vps",{"fr":90,"en":88,"ar":91},"self-host-docmost-vps","كيفية-استضافة-docmost-ذاتيا-على-vps","How to Self-Host Docmost on a VPS","Deploy Docmost on your VPS for a self-hosted team wiki with real-time collaboration. Open-source Notion and Confluence alternative — Docker Compose in 15 minutes.",3,"2026-01-28T00:00:00+00:00",{"id":97,"name":98,"slug":99,"color":100,"icon":101},7,"Self-hosting","self-hosting","bg-indigo-500\u002F10 text-indigo-400","cloud",[103],{"id":97,"name":98,"slug":99,"color":100,"icon":101},"\u002Fblog\u002Fcovers\u002Fself-host-docmost-vps-poster.svg",{"categorySlug":29,"appSlug":106},"docmost",{"id":108,"slug":109,"slugs":110,"title":113,"excerpt":114,"readTime":14,"views":115,"isPinned":16,"publishedAt":116,"category":117,"categories":118,"featuredImage":25,"bgImage":26,"posterImage":120,"relatedSolution":121},76,"host-mattermost-on-your-own-vps",{"fr":111,"en":109,"ar":112},"heberger-mattermost","استضافة-mattermost-على-خادم-vps-الخاص-بك","Host Mattermost on your own VPS","Deploy Mattermost on your VPS with Docker, PostgreSQL and SSL. A private team messaging platform, the self-hosted alternative to Slack.",1,"2026-04-05T00:00:00+00:00",{"id":97,"name":98,"slug":99,"color":100,"icon":101},[119],{"id":97,"name":98,"slug":99,"color":100,"icon":101},"\u002Fblog\u002Fcovers\u002Fheberger-mattermost-poster.svg",{"categorySlug":99,"appSlug":122},"mattermost",{"id":124,"slug":125,"slugs":126,"title":129,"excerpt":130,"readTime":14,"views":15,"isPinned":16,"publishedAt":131,"category":132,"categories":133,"featuredImage":25,"bgImage":26,"posterImage":135,"relatedSolution":136},74,"host-gitea-on-your-own-vps",{"fr":127,"en":125,"ar":128},"heberger-gitea","استضافة-gitea-على-خادم-vps-الخاص-بك","Host Gitea on your own VPS","Deploy Gitea on a VPS with Docker, reverse proxy and SSL. A lightweight, fast Git forge, 100% under your control.","2026-04-07T00:00:00+00:00",{"id":97,"name":98,"slug":99,"color":100,"icon":101},[134],{"id":97,"name":98,"slug":99,"color":100,"icon":101},"\u002Fblog\u002Fcovers\u002Fheberger-gitea-poster.svg",{"categorySlug":137,"appSlug":138},"development","gitea",1787581014842]