Collaboration & Productivité

Penpot

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.

Documentation officielle

À propos de Penpot

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é.

La 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.

Ce qui est installé

Prêt au démarrage du VPS

OS compatibles
Ubuntu 24.04
Application
Penpot
Stack technique
DockerClojurePostgreSQL 15Valkey 8
RAM minimum
4 Go recommandé (2 Go minimum en usage solo)
CPU minimum
2 vCPU
Port par défaut
9001
Accès
root par SSH

Fonctionnalités clés

  • 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.

Quand utiliser cette solution ?

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.

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.

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.

Guide

Déployer Penpot sur votre VPS

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

  6. 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.

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).

Intégrer le bouton de déploiement

Vous maintenez un projet qui utilise Penpot ? Ce bouton permet à vos lecteurs de le déployer sur un VPS en un clic, sans lire de documentation Docker.

Deploy Penpot on ServOrbit
Markdown
[![Deploy Penpot on ServOrbit](https://servorbit.com/brand/deploy/button.svg)](https://servorbit.com/vps-cloud?template=penpot&utm_source=deploy-badge&utm_medium=referral&utm_campaign=penpot)
HTML
<a href="https://servorbit.com/vps-cloud?template=penpot&utm_source=deploy-badge&utm_medium=referral&utm_campaign=penpot"><img src="https://servorbit.com/brand/deploy/button.svg" alt="Deploy Penpot on ServOrbit" height="40"></a>

Le bouton pointe vers la commande d'un VPS avec le template présélectionné. L'image est servie depuis servorbit.com — rien à héberger de votre côté.

Solutions complémentaires

Collaboration & Productivité

Nextcloud

Stockage, partage et collaboration d'équipe. Vos fichiers, calendriers et contacts sur votre propre infrastructure.

Collaboration & Productivité

Mattermost

Messagerie d'équipe sécurisée et auto-hébergée. Channels, threads, intégrations — sans dépendance à Slack ou Teams.

Collaboration & Productivité

Wiki.js

Base de connaissances moderne pour vos équipes. Documentation structurée, recherche full-text et gestion fine des accès.

Besoin d'aide ?

Parcourez notre centre d'aide et notre FAQ, ou contactez notre équipe — rappel, WhatsApp ou e-mail.

Écrire sur WhatsApps'ouvre dans un nouvel onglet
ou nous écrire