← Toute la bibliothèque

Penpot

L’alternative gratuite àFigma

🟢 Débutant⏱️ ~5 min d’installationTu économises 20 €/mois

Penpot, c'est l'alternative open source à Figma. Tu y retrouves composants réutilisables, variantes, bibliothèques partagées, prototypes cliquables, travail à plusieurs en temps réel et jetons de design. Penpot dessine en SVG et met en page avec Flex et CSS Grid, comme le navigateur : une maquette faite proprement sort en code que ton développeur reconnaît, et l'inspection du code est ouverte à tous, là où Figma la facture en licence Dev. En ligne, le plan gratuit de penpot.app donne toutes les fonctions, jusqu'à huit membres d'équipe, 10 Go de stockage et sept jours d'historique. Sur ton serveur avec Docker, rien n'est limité. Avant de quitter Figma : pas d'équivalent à FigJam, moins de greffons, et reprendre un gros fichier Figma n'est pas un simple copier-coller.

Aperçu de Penpot, alternative gratuite et open source à Figma
étoiles GitHub62 115
Voir sur GitHub ↗

Face à Figma : le match

  • Prix

    Penpot

    0 € en ligne, toutes les fonctions comprises

    Figma

    20 €/mois par licence, 16 € en annuel

  • Nombre de fichiers

    Penpot

    Illimité, seul ton stockage compte

    Figma

    Trois fichiers sur l'offre gratuite

  • Lire le code d'une maquette

    Penpot

    Ouvert à tout le monde

    Figma

    Licence Dev, 15 €/mois (12 € en annuel)

Figma ↗

Comment l’installer (même en partant de zéro)

Le plus simple : un compte gratuit sur penpot.app, rien à installer, toutes les fonctions débloquées. Si tu veux tes fichiers sur ta machine ou ton serveur, le prompt fait aussi l'installation Docker.

  1. 1

    Colle ce prompt dans Claude (Code ou Desktop)

    Il te demande si tu restes en ligne ou si tu héberges, puis te fait faire ta première maquette :

    Je veux passer de Figma à Penpot (l'outil de design open source, dépôt GitHub penpot/penpot, site penpot.app). Demande-moi d'abord si je veux utiliser la version en ligne gratuite sur penpot.app (plan Professional à 0 euro, toutes les fonctions, jusqu'à huit membres d'équipe, 10 Go de stockage) ou l'héberger moi-même avec Docker, et explique-moi ce que je gagne et ce que je perds dans chaque cas. Pour l'auto-hébergement, guide-moi pas à pas avec le docker-compose officiel de la documentation Penpot, en me disant ce qu'il faut comme machine, comment régler l'envoi des mails et comment sauvegarder mes fichiers. Ensuite, fais-moi créer un premier projet : une maquette d'écran, un composant réutilisable, un prototype cliquable avec deux écrans reliés, et montre-moi comment un développeur lit le code CSS de ma maquette. Explique-moi enfin comment reprendre mes fichiers Figma existants et ce qui passe mal dans cette reprise.

Analyse le repo GitHub et regarde s'il est safe à installer par rapport à ma machine et mon infrastructure. Pose-moi un maximum de questions sous forme de widget pour clarifier ma demande et être le plus précis possible.
  2. 2

    Commence par un projet neuf

    Reprendre un gros fichier Figma se passe rarement bien. Fais ta prochaine maquette directement dans Penpot, tu jugeras sur pièces.

  3. 3

    Invite ton développeur

    Il lit le CSS de chaque élément sans licence à payer. C'est là que Penpot fait gagner le plus d'argent à une petite équipe.

Ce que tu en fais concrètement

Tes maquettes sans compteur de fichiers

Figma en gratuit s'arrête à trois fichiers. Ici tu ouvres autant de projets que tu veux, avec toutes les fonctions.

Le design qui parle déjà au code

Flex et CSS Grid au lieu d'un système maison : ce que tu poses à l'écran, le développeur le retrouve dans sa feuille de style.

Un design system que personne ne peut fermer

Composants, variantes, jetons de couleur et de typographie, hébergés chez toi si tu veux. Aucun éditeur ne peut changer les règles.

La santé du projet, en un coup d’œil

Avant d’installer un outil open source, une question compte : est-ce que le projet est vivant ? Ces scores sont calculés depuis les données publiques GitHub. Ce ne sont pas des notes en l’air.

99/100

Excellent

Projet très actif et bien entretenu : tu peux y aller sereinement.

Activité
100

Est-ce que le code bouge ? (commits des 30 derniers jours)

Maintenance
100

Depuis quand la dernière mise à jour ? Plus c’est frais, mieux c’est.

Communauté
97

Étoiles et contributeurs : du monde autour = de l’aide et des correctifs.

Maturité
100

L’âge du projet. Assez vieux pour être solide, encore vivant.

Momentum
100

Le rythme du moment comparé à son rythme habituel : ça accélère ou ça s’endort ?

Le repo en chiffres

Étoiles GitHub
62,1 k
Forks
4,4 k
Contributeurs
322
Commits
24,6 k
Âge du projet
10.9 ans
Dernier commit
aujourd’hui
Taille
427.8 MB
Licence
MPL-2.0

Construit avec

  • Clojure 73.6%
  • JavaScript 6.8%
  • Rust 6.6%
  • TypeScript 5.8%
  • SCSS 3.2%

Scores calculés automatiquement depuis l’API GitHub (activité des 30 derniers jours, fraîcheur des mises à jour, taille de la communauté, âge du projet). Actualisés chaque jour.

L’avis de Loucash

8/10

C'est la proposition la plus votée de la bibliothèque, et elle tient la route. Penpot n'est pas un projet de garage : dix ans d'existence, 60 000 étoiles, trois cents contributeurs, des mises à jour toutes les trois semaines. Pour un freelance ou une petite équipe, l'offre gratuite en ligne est sans piège : toutes les fonctions, autant de fichiers que tu veux, alors que Figma en gratuit t'arrête à trois. Ce que je trouve malin : le choix du SVG et de CSS Grid. Ta maquette n'est plus une image que le développeur doit deviner, c'est une mise en page qu'il retrouve dans son navigateur. Et l'inspection du code est ouverte à tous, quand Figma la vend en licence Dev à partir de 12 € par mois. Ce qui peut coincer : sur un fichier très lourd, Penpot reste moins nerveux que Figma. La bibliothèque de greffons est plus maigre. Il n'y a pas de tableau blanc façon FigJam. Et si tu as trois ans de fichiers Figma derrière toi, la reprise n'est pas un simple import : prévois de refaire plutôt que de convertir.

C’est pour toi si : Tu fais des maquettes seul ou à quelques-uns, tu payes Figma surtout pour dépasser les trois fichiers gratuits, et tu travailles avec un développeur. Si ton équipe vit dans FigJam et dans les greffons, garde Figma.

À voir aussi dans la bibliothèque

Un mail par semaine qui te fait économiser

Chaque mardi : les alternatives open source qui viennent d’entrer dans la bibliothèque, ce qu’elles remplacent et ce qu’elles te font économiser. Un mail, pas plus.

Gratuit. Un mail le mardi. Désinscription en un clic. Tes données

Rejoins les lecteurs du mardi