[{"data":1,"prerenderedAt":207},["ShallowReactive",2],{"seo-verification":3,"blog-penpot-self-hosted-figma-alternative-web-agencies-en":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"key":7,"data":8},"blog-penpot-self-hosted-figma-alternative-web-agencies-en",{"id":9,"slug":10,"slugs":11,"title":15,"excerpt":16,"readTime":17,"views":18,"isPinned":19,"publishedAt":20,"updatedAt":21,"category":22,"categories":28,"featuredImage":30,"bgImage":31,"posterImage":32,"relatedSolution":33,"intro":36,"sections":37,"ctaTitle":149,"ctaBody":150,"ctaButton":151,"ctaUrl":152,"relatedPosts":153},411,"penpot-self-hosted-figma-alternative-web-agencies",{"fr":12,"en":10,"ar":13,"es":14},"penpot-alternative-figma-self-hosted-design-agence","penpot-بديل-figma-المستضاف-ذاتيا-للوكالات","penpot-alternativa-figma-autoalojada-agencias-web","Penpot: the self-hosted Figma alternative for web agencies","Figma raised its prices in 2025. Learn how Penpot v2 self-hosted on a VPS gives agencies a sovereign collaborative design space with no per-seat subscription.",9,0,false,"2026-10-03T00:00:00+00:00","2026-10-05T14:05:27+00:00",{"id":23,"name":24,"slug":25,"color":26,"icon":27},7,"Self-hosting","self-hosting","bg-indigo-500\u002F10 text-indigo-400","cloud",[29],{"id":23,"name":24,"slug":25,"color":26,"icon":27},null,"\u002Fblog\u002Fcovers\u002Fbg.svg","\u002Fblog\u002Fcovers\u002Fpenpot-alternative-figma-self-hosted-design-agence-poster.svg",{"categorySlug":34,"appSlug":35},"collaboration-productivity","penpot","In early 2025, Figma revised its pricing upward — around 30% depending on the plan. For an agency managing ten clients with five designers, the annual bill quickly exceeds two thousand dollars. Penpot v2, an open-source collaborative design tool built on web standards (SVG, CSS), offers a serious alternative: self-hosted on your own VPS, it gives you full control over data, access, and costs. This guide is aimed at agencies managing five to fifteen clients who want to move away from Figma without sacrificing design quality or collaboration fluidity.",[38,42,52,55,90,93,96,123,126,129,132,135,141,144,146],{"type":39,"title":40,"body":41},"h2","Why reconsider Figma in 2025","The failed Adobe acquisition did not make Figma less ambitious on pricing. In 2025, the Professional plan rose to $15 per seat per month, and the Organization plan to $45 per seat. For a team of five designers, that means $900 and $2,700 per year respectively — before counting FigJam licenses or paid plugins. For an agency with tight margins that sometimes needs to give read access to dozens of clients, the per-workspace pricing model becomes a real obstacle. Penpot does not solve every Figma problem, but it solves exactly that one: the cost of multi-client collaboration.",{"type":43,"items":44},"ul",[45,46,47,48,49,50,51],"Zero cost per seat: invite as many designers, developers, or read-only clients as you need, with no billing tiers.","Data hosted by you: your mockups and client assets do not pass through third-party servers — a strong argument in GDPR discussions.","Separate workspaces per client: each client project lives in its own space, with its own members and permissions.","Open standard: Penpot generates native SVG, making files readable and portable without relying on a proprietary format.","CSS and design token export: developers get style values directly without third-party plugins, speeding up handoff.","Full control over updates: you decide when to update, without forced migrations or interface changes overnight.","Sovereign compliance: for agencies working with public or sensitive clients, storing data on your own infrastructure simplifies compliance audits.",{"type":39,"title":53,"body":54},"Penpot v2 vs Figma — parity and honest limits","Penpot covers the essentials of an agency's daily work: vector editing, components, prototyping, and developer handoff. Where honesty is required is on two points: the third-party plugin ecosystem is still modest compared to the Figma Community library, and .fig file import remains partial — complex constraints, certain advanced effects, and shared libraries do not always translate faithfully. If you have five years of Figma files, plan for a gradual migration.",{"type":56,"headers":57,"rows":61},"comparison",[58,59,60],"Feature","Penpot v2","Figma Pro",[62,65,67,69,71,73,76,80,82,85,88],[63,64,64],"Vector editing","✓",[66,64,64],"Components and variants",[68,64,64],"Interactive prototyping",[70,64,64],"Dev handoff \u002F Inspect",[72,64,64],"Real-time collaboration",[74,75,64],".fig file import","Partial",[77,78,79],"Third-party plugins","Limited","✓ (large library)",[81,64,64],"SVG \u002F CSS export",[83,64,84],"Design tokens","✓ (via plugins)",[86,64,87],"Guest access at no extra cost","Paid per seat",[24,64,89],"✗",{"type":39,"title":91,"body":92},"Technical prerequisites before installation","Penpot v2 runs in Docker and requires a VPS with at least 2 vCPU, 4 GB RAM (8 GB recommended for teams of more than five), and 40 GB SSD storage for assets and the PostgreSQL database. You will need Docker Engine 24+ and Docker Compose v2, a domain name pointing to your VPS (e.g. `your-domain.com`), and root or sudo SSH access. A ServOrbit VPS starting at 99 DH\u002Fmonth meets these requirements: over a year, that is a fraction of the $900 to $2,700 that Figma would cost for the same team of five designers.",{"type":39,"title":94,"body":95},"Installing Penpot with Docker Compose","Penpot v2 deploys via Docker Compose. The steps below set up the Penpot server, an Nginx reverse proxy with SSL, and SMTP for team invitations.",{"type":97,"steps":98},"steps",[99,102,105,108,111,114,117,120],{"title":100,"body":101},"Prepare the server","Connect to your VPS via SSH, update the system, and install Docker and Docker Compose: `apt update && apt upgrade -y && apt install -y docker.io docker-compose-plugin`. Verify versions with `docker --version` and `docker compose version` to confirm Docker 24+ and Compose v2.",{"title":103,"body":104},"Clone the official Penpot configuration","Fetch the official Docker configuration from the Penpot repository: `git clone https:\u002F\u002Fgithub.com\u002Fpenpot\u002Fpenpot.git \u002Fopt\u002Fpenpot && cd \u002Fopt\u002Fpenpot`. The `docker\u002Fimages\u002F` folder contains the reference `docker-compose.yaml` file for production.",{"title":106,"body":107},"Configure environment variables","Copy the example file and edit it: `cp docker\u002Fimages\u002F.env.example docker\u002Fimages\u002F.env`. Set at minimum `PENPOT_FLAGS` (enable `enable-smtp` and `enable-registration`), `PENPOT_PUBLIC_URI` (your domain: `https:\u002F\u002Fpenpot.your-domain.com`), and generate a strong secret for `PENPOT_SECRET_KEY` with `openssl rand -hex 32`.",{"title":109,"body":110},"Start the containers","From the `docker\u002Fimages\u002F` folder, run: `docker compose -p penpot -f docker-compose.yaml up -d`. Docker will pull the images (penpot-frontend, penpot-backend, penpot-exporter, penpot-pgsql, penpot-redis) and start the services. Verify all containers are in `running` state with `docker compose -p penpot ps`.",{"title":112,"body":113},"Configure Nginx as a reverse proxy with SSL","Install Nginx and Certbot: `apt install -y nginx certbot python3-certbot-nginx`. Create a vhost in `\u002Fetc\u002Fnginx\u002Fsites-available\u002Fpenpot` pointing to `localhost:3449` (the default Penpot frontend port), then obtain a Let's Encrypt certificate: `certbot --nginx -d penpot.your-domain.com`. Certbot automatically modifies the configuration to redirect HTTP to HTTPS.",{"title":115,"body":116},"Create the first administrator account","Navigate to `https:\u002F\u002Fpenpot.your-domain.com` in your browser. The registration page is accessible if `enable-registration` is active in your flags. Create your administrator account, then disable public registration in `.env` (`disable-registration`) and restart the containers if you do not want anyone to be able to create an account.",{"title":118,"body":119},"Configure SMTP for invitations (optional)","To invite collaborators by email, set `PENPOT_SMTP_HOST`, `PENPOT_SMTP_PORT`, `PENPOT_SMTP_USER`, `PENPOT_SMTP_PASSWORD`, and `PENPOT_SMTP_FROM` in your `.env` file. Restart the containers after any changes: `docker compose -p penpot restart`.",{"title":121,"body":122},"Verify the installation","Open a test project, invite a second account, and verify that real-time collaboration works (cursors visible, changes synchronized). Check logs for anomalies: `docker compose -p penpot logs backend --tail=50`.",{"type":39,"title":124,"body":125},"Multi-client management: workspaces and permissions","Penpot organizes work into teams, which map exactly to an agency's multi-client needs. Each client has their own team, with their own projects, members, and library space. The \"Acme Corp\" team never sees the mockups of the \"Smith Industries\" team. As an instance administrator, you can be a member of all teams simultaneously, allowing you to switch between clients without changing accounts.",{"type":127,"body":128},"p","Permission levels are granular: a client can be invited as read-only on their own projects (they view and comment, but cannot edit), while your designers have full edit access. Integration developers can access Inspect mode without touching source files. This architecture directly addresses Figma's limitation, where each edit access costs an additional seat.",{"type":130,"body":131},"tip","Security and maintenance: enable two-factor authentication (2FA) for all administrator accounts. Set up automatic PostgreSQL backups with `pg_dump` to remote storage (e.g. an S3 bucket or another VPS) — once a day is sufficient for most agencies. Follow Penpot releases on GitHub and update by running `docker compose -p penpot pull && docker compose -p penpot up -d` from the installation folder. Before each update, perform a full database dump: `docker exec penpot-pgsql pg_dump -U penpot penpot > backup_$(date +%F).sql`.",{"type":39,"title":133,"body":134},"Troubleshooting common errors","Here are the four most common errors during a Penpot installation and their remedies.",{"type":43,"items":136},[137,138,139,140],"Error \"502 Bad Gateway\" in Nginx: the frontend container is not yet ready or is not listening on the right port. Verify that port 3449 is the one Nginx is proxying, and that the container is in `running` state (`docker compose -p penpot ps`). If the container is restarting in a loop, check `docker compose -p penpot logs frontend`.","Error \"PENPOT_SECRET_KEY is not set\" on backend startup: the `PENPOT_SECRET_KEY` variable is missing or empty in your `.env` file. Generate a value with `openssl rand -hex 32` and restart the containers.","Invitation emails are not received: verify that `enable-smtp` appears in `PENPOT_FLAGS` and that your SMTP credentials are correct. Test sending from the backend container: `docker exec -it penpot-backend .\u002Fmanage.sh send-test-email your@email.com`.","SVG or PDF export fails silently: the `penpot-exporter` container (headless Chromium service) needs sufficient resources. Increase the memory allocated to Docker, and verify that the exporter container is started and reachable from the backend via the Docker internal network.",{"type":39,"title":142,"body":143},"Migrating from Figma: SVG export and design tokens","Migration from Figma happens in three phases. First, export your Figma files as SVG (by page or by component) from Figma Desktop — this is the format Penpot imports best. The .fig import is available in Penpot v2 but remains partial: advanced constraints, complex blending modes, and shared libraries are not always faithfully preserved. For active projects, prefer a component-by-component migration over a mass import.",{"type":127,"body":145},"Next, extract your design tokens from Figma using a tool like Token Studio or Style Dictionary, then reimport them into Penpot via its token management interface. This preserves your color system, typography, and spacing without manual re-entry. Finally, inform your developers that Penpot's Inspect mode gives them CSS values, pixel spacing, and component specifications directly — without a third-party plugin. The transition is smoother because Penpot natively speaks the same standards as the browser.",{"type":39,"title":147,"body":148},"Self-hosted Penpot: sovereignty and cost control for your agency","Penpot v2 is not a Figma clone and does not claim to be. The plugin ecosystem is still more modest, and migrating complex files takes patience. But for an agency managing multiple clients, the combination of a sovereign collaborative design space, access with no per-seat billing, and fixed-cost infrastructure represents a real structural advantage. Deploying Penpot on a ServOrbit VPS starting at 99 DH\u002Fmonth means taking back control of your design chain — without depending on a pricing decision you did not make.","Deploy Penpot on your VPS today","ServOrbit offers Penpot v2 as a one-click deployment from the marketplace. Configured VPS, Docker ready, SSL certificate included — your collaborative design space is up and running in minutes.","Deploy Penpot on my VPS","\u002Fmarketplace\u002Fcollaboration-productivity\u002Fpenpot",[154,173,188],{"id":155,"slug":156,"slugs":157,"title":161,"excerpt":162,"readTime":163,"views":18,"isPinned":19,"publishedAt":164,"updatedAt":165,"category":166,"categories":167,"featuredImage":30,"bgImage":31,"posterImage":169,"relatedSolution":170},368,"wordpress-multisite-vps-manage-n-client-sites-one-install",{"fr":158,"en":156,"ar":159,"es":160},"wordpress-multisite-vps-agence","ووردبريس-متعدد-المواقع-على-vps-ادارة-مواقع-العملاء","wordpress-multisite-vps-gestiona-n-sitios-en-una-instalacion","WordPress Multisite on a VPS: run N client sites from one install","Enable WordPress Multisite on a dedicated VPS to centralize N client sites under one codebase, one update cycle, and isolated subdomains. Full guide for agencies.",10,"2026-09-20T00:00:00+00:00","2026-09-20T21:13:51+00:00",{"id":23,"name":24,"slug":25,"color":26,"icon":27},[168],{"id":23,"name":24,"slug":25,"color":26,"icon":27},"\u002Fblog\u002Fcovers\u002Fwordpress-multisite-vps-agence-poster.svg",{"categorySlug":171,"appSlug":172},"cms-websites","wordpress",{"id":174,"slug":175,"slugs":176,"title":179,"excerpt":180,"readTime":181,"views":17,"isPinned":19,"publishedAt":182,"updatedAt":183,"category":184,"categories":185,"featuredImage":30,"bgImage":31,"posterImage":187,"relatedSolution":30},349,"heberger-excalidraw-vps-2",{"fr":177,"en":175,"ar":175,"es":178},"heberger-excalidraw-vps","alojar-excalidraw-en-un-vps-pizarra-colaborativa-sin-suscripcion","Self-Hosting Excalidraw on a VPS: Open Source Whiteboard","Deploy Excalidraw on your VPS: MIT collaborative whiteboard, without quota sessions, data on your infrastructure — no Miro or FigJam subscription.",8,"2026-09-11T00:00:00+00:00","2026-09-17T14:09:38+00:00",{"id":23,"name":24,"slug":25,"color":26,"icon":27},[186],{"id":23,"name":24,"slug":25,"color":26,"icon":27},"\u002Fblog\u002Fcovers\u002Fheberger-excalidraw-vps-poster.svg",{"id":189,"slug":190,"slugs":191,"title":195,"excerpt":196,"readTime":17,"views":18,"isPinned":19,"publishedAt":197,"updatedAt":198,"category":199,"categories":204,"featuredImage":30,"bgImage":31,"posterImage":206,"relatedSolution":30},391,"self-hosted-jira-confluence-alternatives-vps",{"fr":192,"en":190,"ar":193,"es":194},"atlassian-alternatives-jira-confluence-self-hosted-vps","بدائل-jira-و-confluence-باستضافة-ذاتية-vps","alternativas-jira-confluence-self-hosted-vps","Self-Hosted Alternatives to Jira & Confluence in 2026","Atlassian activates 3 new usage meters in September 2026: Rovo AI, automation steps, Loom. Some teams face +150%. Plane, Gitea, Docmost on a VPS cost less.","2026-09-27T00:00:00+00:00","2026-09-29T14:40:42+00:00",{"id":200,"name":201,"slug":202,"color":203,"icon":202},5,"Comparison","comparatif","bg-info\u002F10 text-info",[205],{"id":200,"name":201,"slug":202,"color":203,"icon":202},"\u002Fblog\u002Fcovers\u002Fatlassian-alternatives-jira-confluence-self-hosted-vps-poster.svg",1791249016972]