[{"data":1,"prerenderedAt":208},["ShallowReactive",2],{"seo-verification":3,"blog-penpot-alternative-figma-self-hosted-design-agence-fr":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"key":7,"data":8},"blog-penpot-alternative-figma-self-hosted-design-agence-fr",{"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":150,"ctaBody":151,"ctaButton":152,"ctaUrl":153,"relatedPosts":154},411,"penpot-alternative-figma-self-hosted-design-agence",{"fr":10,"en":12,"ar":13,"es":14},"penpot-self-hosted-figma-alternative-web-agencies","penpot-بديل-figma-المستضاف-ذاتيا-للوكالات","penpot-alternativa-figma-autoalojada-agencias-web","Penpot : l'alternative Figma auto-hébergée pour les agences web","Figma a revu ses tarifs à la hausse en 2025. Penpot v2 auto-hébergé sur VPS offre aux agences un espace de design collaboratif souverain, sans abonnement par siège.",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","penpot","Début 2025, Figma a revu sa grille tarifaire à la hausse — environ 30 % selon les plans. Pour une agence qui gère dix clients avec cinq designers, la facture annuelle dépasse rapidement les deux mille dollars. Penpot v2, outil de design collaboratif open source basé sur les standards web (SVG, CSS), offre une alternative sérieuse : auto-hébergé sur votre propre VPS, il vous donne la maîtrise complète des données, des accès et des coûts. Ce guide s'adresse aux agences gérant de cinq à quinze clients, qui cherchent à quitter Figma sans sacrifier la qualité du design ni la fluidité de la collaboration.",[38,42,52,55,91,94,97,124,127,130,133,136,142,145,147],{"type":39,"title":40,"body":41},"h2","Pourquoi reconsidérer Figma en 2025","La rupture avec Adobe n'a pas rendu Figma moins ambitieux sur les prix. En 2025, le plan Professionnel est passé à 15 $ par siège et par mois, et le plan Organisation à 45 $ par siège. Pour une équipe de cinq designers, cela représente respectivement 900 $ et 2 700 $ par an — avant même de compter les licences FigJam ou les plugins payants. Pour une agence dont les marges sont sous pression et qui doit parfois offrir l'accès en lecture à des dizaines de clients, la structure tarifaire à l'espace de travail devient un frein réel. Penpot ne résout pas tous les problèmes de Figma, mais il résout précisément celui-là : le coût de la collaboration multi-clients.",{"type":43,"items":44},"ul",[45,46,47,48,49,50,51],"Zéro coût par siège : invitez autant de designers, développeurs ou clients en lecture que vous le souhaitez, sans palier de facturation.","Données hébergées chez vous : vos maquettes et les assets clients ne transitent pas par des serveurs tiers — un argument fort lors des discussions RGPD.","Workspaces séparés par client : chaque projet client vit dans son propre espace, avec ses propres membres et ses propres permissions.","Standard ouvert : Penpot génère du SVG natif, ce qui rend les fichiers lisibles et portables sans dépendre d'un format propriétaire.","Export CSS et design tokens : les développeurs récupèrent directement les valeurs de style sans plugin tiers, ce qui accélère le handoff.","Contrôle total des mises à jour : vous décidez quand mettre à jour, sans migration forcée ni changement d'interface du jour au lendemain.","Conformité souveraine : pour les agences travaillant avec des clients publics ou sensibles, stocker les données sur votre infrastructure simplifie les audits de conformité.",{"type":39,"title":53,"body":54},"Penpot v2 face à Figma — parité et limites honnêtes","Penpot couvre l'essentiel du travail quotidien d'une agence : édition vectorielle, composants, prototypage, et handoff développeur. Là où l'honnêteté s'impose, c'est sur deux points : l'écosystème de plugins tiers est encore modeste comparé à la bibliothèque Figma Community, et l'import de fichiers .fig reste partiel — les contraintes complexes, certains effets avancés et les bibliothèques partagées ne se traduisent pas toujours fidèlement. Si vous avez cinq ans de fichiers Figma, prévoyez une migration progressive.",{"type":56,"headers":57,"rows":61},"comparison",[58,59,60],"Fonctionnalité","Penpot v2","Figma Pro",[62,65,67,69,71,73,76,80,82,85,88],[63,64,64],"Édition vectorielle","✓",[66,64,64],"Composants et variantes",[68,64,64],"Prototypage interactif",[70,64,64],"Dev handoff \u002F Inspect",[72,64,64],"Collaboration temps réel",[74,75,64],"Import fichiers .fig","Partiel",[77,78,79],"Plugins tiers","Limité","✓ (bibliothèque étendue)",[81,64,64],"Export SVG \u002F CSS",[83,64,84],"Design tokens","✓ (via plugins)",[86,64,87],"Accès invités sans surcoût","Payant par siège",[89,64,90],"Auto-hébergement","✗",{"type":39,"title":92,"body":93},"Prérequis techniques avant l'installation","Penpot v2 tourne dans Docker et nécessite un VPS avec les caractéristiques suivantes : au minimum 2 vCPU, 4 Go de RAM (8 Go recommandés pour une équipe de plus de cinq personnes), et 40 Go de stockage SSD pour les assets et la base de données PostgreSQL. Vous aurez besoin de Docker Engine 24+ et de Docker Compose v2, d'un nom de domaine pointant vers votre VPS (par exemple `votre-domaine.com`), et d'un accès SSH root ou sudo. Un VPS ServOrbit à partir de 99 DH\u002Fmois couvre ces exigences : rapporté à l'année, c'est une fraction des 900 $ à 2 700 $ que coûterait Figma pour la même équipe de cinq designers.",{"type":39,"title":95,"body":96},"Installation de Penpot via Docker Compose","Penpot v2 s'installe via Docker Compose. Le guide ci-dessous déploie le serveur Penpot, un proxy Nginx avec SSL, et configure la messagerie SMTP pour les invitations.",{"type":98,"steps":99},"steps",[100,103,106,109,112,115,118,121],{"title":101,"body":102},"Préparer le serveur","Connectez-vous en SSH à votre VPS, puis mettez à jour le système et installez Docker et Docker Compose : `apt update && apt upgrade -y && apt install -y docker.io docker-compose-plugin`. Vérifiez les versions avec `docker --version` et `docker compose version` pour confirmer Docker 24+ et Compose v2.",{"title":104,"body":105},"Cloner la configuration officielle Penpot","Récupérez la configuration Docker officielle depuis le dépôt Penpot : `git clone https:\u002F\u002Fgithub.com\u002Fpenpot\u002Fpenpot.git \u002Fopt\u002Fpenpot && cd \u002Fopt\u002Fpenpot`. Le dossier `docker\u002Fimages\u002F` contient le fichier `docker-compose.yaml` de référence pour la production.",{"title":107,"body":108},"Configurer les variables d'environnement","Copiez le fichier d'exemple et éditez-le : `cp docker\u002Fimages\u002F.env.example docker\u002Fimages\u002F.env`. Renseignez au minimum `PENPOT_FLAGS` (activez `enable-smtp` et `enable-registration`), `PENPOT_PUBLIC_URI` (votre domaine : `https:\u002F\u002Fpenpot.votre-domaine.com`), et générez un secret robuste pour `PENPOT_SECRET_KEY` avec `openssl rand -hex 32`.",{"title":110,"body":111},"Démarrer les conteneurs","Depuis le dossier `docker\u002Fimages\u002F`, lancez : `docker compose -p penpot -f docker-compose.yaml up -d`. Docker télécharge les images (penpot-frontend, penpot-backend, penpot-exporter, penpot-pgsql, penpot-redis) et démarre les services. Vérifiez que tous les conteneurs sont en état `running` avec `docker compose -p penpot ps`.",{"title":113,"body":114},"Configurer Nginx en reverse proxy avec SSL","Installez Nginx et Certbot : `apt install -y nginx certbot python3-certbot-nginx`. Créez un vhost dans `\u002Fetc\u002Fnginx\u002Fsites-available\u002Fpenpot` pointant vers `localhost:3449` (le port frontend Penpot par défaut), puis obtenez un certificat Let's Encrypt : `certbot --nginx -d penpot.votre-domaine.com`. Certbot modifie automatiquement la configuration pour rediriger HTTP vers HTTPS.",{"title":116,"body":117},"Créer le premier compte administrateur","Accédez à `https:\u002F\u002Fpenpot.votre-domaine.com` dans votre navigateur. La page d'inscription est accessible si `enable-registration` est actif dans les flags. Créez votre compte administrateur, puis désactivez l'inscription publique dans le fichier `.env` (`disable-registration`) et redémarrez les conteneurs si vous ne souhaitez pas que n'importe qui puisse créer un compte.",{"title":119,"body":120},"Configurer SMTP pour les invitations (optionnel)","Pour inviter des collaborateurs par email, renseignez dans `.env` les variables `PENPOT_SMTP_HOST`, `PENPOT_SMTP_PORT`, `PENPOT_SMTP_USER`, `PENPOT_SMTP_PASSWORD` et `PENPOT_SMTP_FROM`. Redémarrez les conteneurs après modification : `docker compose -p penpot restart`.",{"title":122,"body":123},"Vérifier l'installation","Ouvrez un projet de test, invitez un second compte, et vérifiez que la collaboration temps réel fonctionne (curseurs visibles, modifications synchronisées). Consultez les logs en cas d'anomalie : `docker compose -p penpot logs backend --tail=50`.",{"type":39,"title":125,"body":126},"Gestion multi-clients : workspaces et permissions","Penpot organise le travail en équipes (teams), qui correspondent exactement au besoin d'une agence multi-clients. Chaque client dispose de sa propre équipe, avec ses propres projets, ses propres membres et son propre espace de bibliothèques. L'équipe \"Acme Corp\" ne voit jamais les maquettes de l'équipe \"Dupont Industries\". En tant qu'administrateur de l'instance, vous pouvez être membre de toutes les équipes simultanément, ce qui vous permet de passer d'un client à l'autre sans changer de compte.",{"type":128,"body":129},"p","Les niveaux de permissions sont granulaires : un client peut être invité en lecture seule sur ses propres projets (il voit, commente, mais ne modifie pas), tandis que vos designers ont l'accès en édition complète. Les développeurs d'intégration peuvent accéder au mode Inspect sans toucher aux fichiers source. Cette architecture répond directement à la limitation de Figma, où chaque accès en édition coûte un siège supplémentaire.",{"type":131,"body":132},"tip","Sécurité et maintenance : activez l'authentification à deux facteurs (2FA) pour tous les comptes administrateurs. Configurez des sauvegardes automatiques de la base PostgreSQL avec `pg_dump` vers un stockage distant (par exemple un bucket S3 ou un autre VPS) — une fois par jour suffit pour la plupart des agences. Suivez les sorties de Penpot sur GitHub et mettez à jour en lançant `docker compose -p penpot pull && docker compose -p penpot up -d` depuis le dossier d'installation. Avant chaque mise à jour, effectuez un dump complet de la base : `docker exec penpot-pgsql pg_dump -U penpot penpot > backup_$(date +%F).sql`.",{"type":39,"title":134,"body":135},"Résolution des problèmes courants","Voici les quatre erreurs les plus fréquentes lors d'une installation Penpot et leurs remèdes.",{"type":43,"items":137},[138,139,140,141],"Erreur « 502 Bad Gateway » dans Nginx : le conteneur frontend n'est pas encore prêt ou n'écoute pas sur le bon port. Vérifiez que le port 3449 est bien celui que Nginx proxifie, et que le conteneur est en état `running` (`docker compose -p penpot ps`). Si le conteneur redémarre en boucle, consultez `docker compose -p penpot logs frontend`.","Erreur « PENPOT_SECRET_KEY is not set » au démarrage du backend : la variable `PENPOT_SECRET_KEY` est absente ou vide dans votre fichier `.env`. Générez une valeur avec `openssl rand -hex 32` et relancez les conteneurs.","Les emails d'invitation ne sont pas reçus : vérifiez que `enable-smtp` figure bien dans `PENPOT_FLAGS` et que vos credentials SMTP sont corrects. Testez l'envoi depuis le conteneur backend : `docker exec -it penpot-backend .\u002Fmanage.sh send-test-email votre@email.com`.","L'export vers SVG ou PDF échoue silencieusement : le conteneur `penpot-exporter` (service Chromium headless) a besoin de ressources suffisantes. Augmentez la mémoire allouée à Docker, et vérifiez que le conteneur exporter est bien démarré et accessible depuis le backend via le réseau Docker interne.",{"type":39,"title":143,"body":144},"Migrer depuis Figma : export, SVG et design tokens","La migration depuis Figma se fait en trois temps. D'abord, exportez vos fichiers Figma au format SVG (par page ou par composant) depuis Figma Desktop — c'est le format que Penpot importe le mieux. L'import .fig est disponible dans Penpot v2 mais reste partiel : les contraintes avancées, les modes de fusion complexes et les bibliothèques partagées ne sont pas toujours préservés fidèlement. Pour les projets actifs, privilégiez une migration composant par composant plutôt qu'un import massif.",{"type":128,"body":146},"Ensuite, extrayez vos design tokens depuis Figma avec un outil comme Token Studio ou Style Dictionary, puis réimportez-les dans Penpot via son interface de gestion de tokens. Cela préserve votre système de couleurs, typographies et espacements sans ressaisie manuelle. Enfin, communiquez à vos développeurs que le mode Inspect de Penpot leur donne directement les valeurs CSS, les espacements en pixels et les spécifications de composants — sans plugin tiers. La transition est d'autant plus fluide que Penpot parle nativement les mêmes standards que le navigateur.",{"type":39,"title":148,"body":149},"Penpot auto-hébergé : souveraineté et maîtrise des coûts pour votre agence","Penpot v2 n'est pas un clone de Figma et ne prétend pas l'être. L'écosystème de plugins reste plus modeste, et la migration de fichiers complexes demande de la patience. Mais pour une agence qui gère plusieurs clients, la combinaison d'un espace de design collaboratif souverain, d'accès sans palier de facturation et d'une infrastructure à coût fixe représente un avantage structurel réel. Déployer Penpot sur un VPS ServOrbit à partir de 99 DH\u002Fmois, c'est reprendre le contrôle de votre chaîne de design — sans dépendre d'une décision tarifaire que vous n'avez pas prise.","Déployez Penpot sur votre VPS dès aujourd'hui","ServOrbit propose Penpot v2 en déploiement en un clic depuis le marketplace. VPS configuré, Docker prêt, certificat SSL inclus — votre espace de design collaboratif est opérationnel en quelques minutes.","Déployer Penpot sur mon VPS","\u002Fmarketplace\u002Fcollaboration\u002Fpenpot",[155,174,189],{"id":156,"slug":157,"slugs":158,"title":162,"excerpt":163,"readTime":164,"views":18,"isPinned":19,"publishedAt":165,"updatedAt":166,"category":167,"categories":168,"featuredImage":30,"bgImage":31,"posterImage":170,"relatedSolution":171},368,"wordpress-multisite-vps-agence",{"fr":157,"en":159,"ar":160,"es":161},"wordpress-multisite-vps-manage-n-client-sites-one-install","ووردبريس-متعدد-المواقع-على-vps-ادارة-مواقع-العملاء","wordpress-multisite-vps-gestiona-n-sitios-en-una-instalacion","WordPress Multisite sur VPS : gérer N sites en une installation","Activez WordPress Multisite sur un VPS dédié pour centraliser N sites clients sous une base de code, une mise à jour et des sous-domaines isolés. Guide agences.",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},[169],{"id":23,"name":24,"slug":25,"color":26,"icon":27},"\u002Fblog\u002Fcovers\u002Fwordpress-multisite-vps-agence-poster.svg",{"categorySlug":172,"appSlug":173},"cms","wordpress",{"id":175,"slug":176,"slugs":177,"title":180,"excerpt":181,"readTime":182,"views":17,"isPinned":19,"publishedAt":183,"updatedAt":184,"category":185,"categories":186,"featuredImage":30,"bgImage":31,"posterImage":188,"relatedSolution":30},349,"heberger-excalidraw-vps",{"fr":176,"en":178,"ar":178,"es":179},"heberger-excalidraw-vps-2","alojar-excalidraw-en-un-vps-pizarra-colaborativa-sin-suscripcion","Héberger Excalidraw sur VPS : tableau blanc sans abonnement","Déployez Excalidraw sur votre VPS : tableau blanc collaboratif open source MIT, sessions sans quota imposées, données chez vous — sans abonnement Miro ni FigJam.",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},[187],{"id":23,"name":24,"slug":25,"color":26,"icon":27},"\u002Fblog\u002Fcovers\u002Fheberger-excalidraw-vps-poster.svg",{"id":190,"slug":191,"slugs":192,"title":196,"excerpt":197,"readTime":17,"views":18,"isPinned":19,"publishedAt":198,"updatedAt":199,"category":200,"categories":205,"featuredImage":30,"bgImage":31,"posterImage":207,"relatedSolution":30},391,"atlassian-alternatives-jira-confluence-self-hosted-vps",{"fr":191,"en":193,"ar":194,"es":195},"self-hosted-jira-confluence-alternatives-vps","بدائل-jira-و-confluence-باستضافة-ذاتية-vps","alternativas-jira-confluence-self-hosted-vps","Alternatives self-hosted à Jira et Confluence en 2026","Atlassian active 3 nouveaux compteurs en septembre 2026 : Rovo AI, automation steps, Loom. Certaines équipes voient +150 %. Plane, Gitea, Docmost sur VPS coûtent moins.","2026-09-27T00:00:00+00:00","2026-09-29T14:40:42+00:00",{"id":201,"name":202,"slug":203,"color":204,"icon":203},5,"Comparatif","comparatif","bg-info\u002F10 text-info",[206],{"id":201,"name":202,"slug":203,"color":204,"icon":203},"\u002Fblog\u002Fcovers\u002Fatlassian-alternatives-jira-confluence-self-hosted-vps-poster.svg",1791248965150]