Toute la bibliothèque

Penpot

Nouveau

L’alternative gratuite àFigma

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

Penpot n'est pas un clone bricolé de Figma : le projet a dix ans, plus de 60 000 étoiles sur GitHub, environ trois cents contributeurs, une licence MPL-2.0 et des commits tous les jours. Tu y retrouves ce que tu fais dans Figma : écrans, composants réutilisables, variantes, bibliothèques partagées, prototypes cliquables avec interactions et flux, commentaires, travail à plusieurs en temps réel, et des jetons de design pour tenir une charte. La différence tient à un choix technique : Penpot dessine en SVG et met en page avec Flex et CSS Grid, les mêmes outils que le navigateur. Une maquette faite proprement sort donc en code que ton développeur reconnaît, et l'inspection du code est ouverte à tout le monde, alors que Figma la facture en licence Dev. Deux façons de s'en servir. La version en ligne, penpot.app, offre un plan gratuit complet : toutes les fonctions, aucun fichier compté, jusqu'à huit membres d'équipe, des spectateurs illimités, 10 Go de stockage et sept jours d'historique. Ou tu l'installes sur ton serveur avec Docker, et là plus rien n'est limité. Ce qui manque face à Figma : il n'y a pas d'équivalent au tableau blanc FigJam ni aux derniers produits maison, la bibliothèque de greffons est plus petite, et reprendre un gros fichier Figma existant n'est pas un simple copier-coller.

Aperçu de Penpot, alternative gratuite et open source à Figma

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, 12 €/mois de plus

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
60,3 k
Forks
4,1 k
Contributeurs
308
Commits
23,8 k
Âge du projet
10.7 ans
Dernier commit
aujourd’hui
Taille
399.4 MB
Licence
MPL-2.0

Construit avec

  • Clojure 72.2%
  • JavaScript 7.1%
  • Rust 7%
  • TypeScript 5.6%
  • SCSS 3.8%

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

Rejoins les lecteurs du mardi