[{"data":1,"prerenderedAt":118},["ShallowReactive",2],{"seo-verification":3,"marketplace-app-fr-penpot":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"key":7,"data":8},"marketplace-app-fr-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":30,"steps":40,"faq":59,"specs":78,"compatibleOs":88,"relatedApps":90,"relatedPosts":111,"category":115},"penpot",{"fr":9,"en":9,"ar":9,"es":9},{"fr":12,"en":13,"ar":14,"es":15},"collaboration","collaboration-productivity","التعاون-والإنتاجية","colaboracion-productividad","Penpot","La plateforme de design open-source auto-hébergeable — alternative à Figma pour les équipes produit, avec collaboration en temps réel, prototypage interactif et export CSS live.",1,null,"https:\u002F\u002Fservorbit.com\u002Fblog\u002Fself-host-penpot-vps","Plateforme de design et de prototypage open source, alternative auto-hébergée à Figma : collaboration temps réel, composants partagés et inspecteur CSS live.","Penpot est une plateforme de design et de prototypage open source (MPL-2.0, environ 57 000 étoiles GitHub, version 2.17) qui fonctionne intégralement dans le navigateur et s'héberge sur votre propre infrastructure. Là où Figma conserve vos fichiers sur les serveurs de l'éditeur et facture au siège, Penpot tourne sur un VPS que vous contrôlez : maquettes, bibliothèques d'assets et liens de prototype restent chez vous. Les fonctions couvrent l'ensemble du flux de travail — outils vectoriels, auto-layout aligné sur la sémantique native CSS Flexbox et Grid, composants réutilisables avec surcharges imbriquées, design tokens, prototypes interactifs (transitions au clic, au survol ou temporisées) et inspecteur qui affiche en direct le code généré.\n\nLa collaboration multi-utilisateur est intégrée : plusieurs designers éditent le même fichier en même temps, avec curseurs visibles et commentaires contextuels. Sur un VPS ServOrbit, la pile Docker Compose — frontend, backend Clojure, service d'export, PostgreSQL 15 et Valkey — démarre en moins de deux minutes. Le premier compte inscrit devient administrateur, et la vérification par courriel est désactivée par défaut pour que l'équipe soit productive tout de suite ; vous la réactiverez avec un relais SMTP au moment du passage en production.",[24,25,26,27,28,29],"Collaboration en temps réel — plusieurs designers travaillent simultanément sur le même fichier, curseurs visibles et commentaires contextuels.","Prototypage interactif — reliez les pages par des transitions au clic, au survol ou temporisées pour obtenir un prototype cliquable sans écrire de code.","Composants et design tokens — bibliothèques partagées de composants, de couleurs, de typographies et de grilles réutilisées par toute l'équipe.","Inspecteur CSS live — le panneau Inspect affiche en temps réel le code Flexbox et Grid généré par les objets sélectionnés.","Import de fichiers Figma — importateur `.fig` natif, avec conversion des composants, des styles et des auto-layouts.","Licence MPL-2.0, environ 57 000 étoiles GitHub, publications mensuelles et plugin MCP intégré depuis la version 2.17.",[31,34,37],{"title":32,"body":33},"Remplacer Figma sans abonnement par siège","Déployez Penpot sur un VPS ServOrbit et invitez toute l'équipe de design. Les fichiers restent sur votre infrastructure et l'ensemble des fonctions — prototypage, composants, auto-layout, inspecteur CSS — est disponible sans palier payant. Ajouter un designer ne change rien à la facture : seule compte la taille du VPS.",{"title":35,"body":36},"Passage design → développement sans outil tiers","L'inspecteur CSS de Penpot produit le code Flexbox et Grid directement à partir du fichier de design. Les développeurs ouvrent le lien du projet dans leur navigateur et récupèrent les valeurs exactes : pas de Zeplin, pas de plugin à installer, pas d'export PDF intermédiaire.",{"title":38,"body":39},"Agence traitant des données clients sensibles","Hébergez Penpot sur un VPS dédié, dans la juridiction de votre choix. Les maquettes et les éléments de marque de vos clients ne quittent jamais votre infrastructure. Créez un compte par client et cloisonnez les travaux dans des projets distincts.",[41,44,47,50,53,56],{"title":42,"body":43},"Commander le VPS","Penpot est une pile multi-conteneurs : frontend, backend Clojure sur JVM, service d'export, plugin MCP, PostgreSQL 15 et Valkey 8. Comptez 2 Go de RAM au minimum pour un usage solo, 4 Go pour une équipe de cinq personnes ou plus travaillant en même temps sur des fichiers complexes. Ubuntu 24.04, Docker installé par le provisionneur.",{"title":45,"body":46},"Choisir le domaine avant le déploiement","Penpot exige un domaine : l'URL publique est fixée au premier démarrage dans `PENPOT_PUBLIC_URI` et sert de référence à tous les liens partagés et aux exports. Créez donc l'enregistrement DNS de votre sous-domaine (par exemple `design.votre-domaine.com`) vers l'IP du VPS et renseignez-le au moment de la commande, pas après.",{"title":48,"body":49},"Se connecter la première fois","Ouvrez l'URL et cliquez sur « Créer un compte » : l'inscription est ouverte et la vérification par e-mail désactivée, votre compte est donc actif immédiatement. Faites-le tout de suite.",{"title":51,"body":52},"Déployer depuis le Marketplace","Dans votre espace client ServOrbit, ouvrez Marketplace → Collaboration & productivité → Penpot et lancez le déploiement. Le provisionneur démarre la pile Docker Compose et configure le proxy HTTPS sur le domaine indiqué. Le premier démarrage exécute les migrations de base de données : laissez-lui environ une minute.",{"title":54,"body":55},"Créer le compte administrateur et l'équipe","Ouvrez votre domaine dans un navigateur et créez votre compte : la vérification par courriel est désactivée par défaut, l'accès est donc immédiat. Créez ensuite une Team, un Project et un premier fichier, puis invitez vos collaborateurs par courriel. Chacun travaille depuis son navigateur, sans rien installer localement.",{"title":57,"body":58},"Durcir l'instance pour la production","Retirez `enable-registration` de `PENPOT_FLAGS` pour fermer les inscriptions ouvertes et contrôler qui rejoint l'instance, puis configurez un relais SMTP afin que les invitations partent par courriel. Côté sauvegarde, deux volumes suffisent : celui de PostgreSQL et celui des assets.",[60,63,66,69,72,75],{"q":61,"a":62},"Penpot est-il une vraie alternative à Figma ?","Pour la grande majorité des usages, oui : conception de maquettes, prototypage interactif, bibliothèques de composants, auto-layout Flexbox et Grid, collaboration temps réel et export CSS. Quelques fonctions avancées de Figma manquent — variables déterministes, plugins tiers, Dev Mode. Pour une équipe qui tient à la souveraineté de ses fichiers, Penpot est mature aujourd'hui (version 2.17, environ 57 000 étoiles GitHub).",{"q":64,"a":65},"Quelle quantité de RAM faut-il pour Penpot auto-hébergé ?","2 Go suffisent en usage solo ou à deux ou trois. Pour une équipe de cinq personnes ou plus travaillant en même temps sur des fichiers complexes, prévoyez 4 Go. Le service le plus gourmand est `penpot-backend`, écrit en Clojure et exécuté sur JVM ; PostgreSQL reste léger, sous 256 Mo.",{"q":67,"a":68},"Mes collaborateurs doivent-ils installer quelque chose ?","Non. Penpot fonctionne entièrement dans le navigateur (Chrome, Firefox, Edge). Un collaborateur reçoit un lien, crée son compte et accède immédiatement aux fichiers partagés — aucune application de bureau, aucune extension.",{"q":70,"a":71},"Puis-je importer mes fichiers Figma ?","Oui. Penpot embarque un importateur `.fig` natif : File → Import, puis sélectionnez le fichier exporté depuis Figma. Composants, styles, auto-layouts et prototypes sont convertis. Certains effets avancés demandent une reprise manuelle après import.",{"q":73,"a":74},"Le domaine peut-il être choisi après le déploiement ?","Non, il doit être arrêté avant. L'URL publique est injectée au premier démarrage dans `PENPOT_PUBLIC_URI`, côté frontend comme côté backend et service d'export : c'est elle que la pile publie dans les liens de partage. Décidez du sous-domaine définitif, créez l'enregistrement DNS, puis déployez.",{"q":76,"a":77},"La vérification par courriel est-elle obligatoire à l'inscription ?","Non. Le modèle ServOrbit démarre avec l'indicateur `disable-email-verification` : les nouveaux comptes sont actifs sans confirmation, ce qui évite d'avoir à configurer un SMTP le premier jour. Retirez cet indicateur de `PENPOT_FLAGS` et branchez un relais SMTP lorsque vous passez en production.",{"ram":79,"cpu":80,"disk":81,"stack":82,"port":87},"4 Go recommandé (2 Go minimum en usage solo)","2 vCPU","30 Go",[83,84,85,86],"Docker","Clojure","PostgreSQL 15","Valkey 8","9001",[89],"ubuntu-24.04",[91,99,105],{"name":92,"slug":93,"categorySlug":12,"categoryName":94,"categoryColor":95,"logo":96,"tagline":97,"description":98},"Nextcloud","nextcloud","Collaboration & Productivité","text-indigo-400 bg-indigo-500\u002F10","https:\u002F\u002Fcdn.simpleicons.org\u002Fnextcloud","Cloud privé d'équipe — fichiers, calendriers, contacts et collaboration sur votre propre infrastructure.","Stockage, partage et collaboration d'équipe. Vos fichiers, calendriers et contacts sur votre propre infrastructure.",{"name":100,"slug":101,"categorySlug":12,"categoryName":94,"categoryColor":95,"logo":102,"tagline":103,"description":104},"Mattermost","mattermost","https:\u002F\u002Fcdn.simpleicons.org\u002Fmattermost","Messagerie d'équipe sécurisée et auto-hébergée — l'alternative souveraine à Slack et Teams.","Messagerie d'équipe sécurisée et auto-hébergée. Channels, threads, intégrations — sans dépendance à Slack ou Teams.",{"name":106,"slug":107,"categorySlug":12,"categoryName":94,"categoryColor":95,"logo":108,"tagline":109,"description":110},"Wiki.js","wiki-js","https:\u002F\u002Fcdn.simpleicons.org\u002Fwikidotjs","Base de connaissances moderne — documentation structurée, recherche full-text et gestion fine des accès.","Base de connaissances moderne pour vos équipes. Documentation structurée, recherche full-text et gestion fine des accès.",[112,113,114],"self-host-penpot-vps","heberger-nextcloud","heberger-mattermost",{"key":12,"slug":12,"name":94,"objective":116,"icon":117,"color":95},"Partager l'information et collaborer.","collab",1793820290019]