Penpot
Plateforme de conception open source pour le design d’interfaces, le prototypage et les design systems, avec inspection du code et serveur MCP.
Penpot est une plateforme de conception open source où les équipes dessinent des interfaces, créent des prototypes interactifs et maintiennent des design systems. Penpot fonctionne en service cloud hébergé ou sur votre propre serveur, exprime les mises en page avec CSS Grid et Flex, et expose un serveur MCP pour que des agents d’IA lisent et créent des maquettes aux côtés des designers et des développeurs.
Idéal pour Les équipes produit qui veulent que designers et développeurs travaillent dans un même outil open source, en particulier celles qui ont besoin de l’auto-hébergement ou de design tokens.
- Catégories
- Design UI et UXDesign graphique
- Plateformes
- Web, API, MCP, Plugin
- Modèle tarifaire
- Freemium
- Prix de départ
- 7 $ par mois Formule Unlimited, par éditeur ; total plafonné à 175 $ par mois. La formule Professional est gratuite.
- Formule gratuite
- Oui
- Essai gratuit
- Oui
- API
- Oui
- Éditeur
- Kaleidos
- Ajouté le
Dernière vérification : . Informations issues de penpot.app.
Qu’est-ce que Penpot ?
Penpot est une plateforme de conception open source destinée aux équipes qui construisent des produits numériques. Les designers l’utilisent pour des wireframes, des mises en page d’interface responsives et des prototypes cliquables, avec des règles de mise en page fondées sur CSS Grid et Flexbox plutôt que sur un modèle propriétaire. Pour les grandes organisations, elle prend en charge les design systems grâce à des composants réutilisables, des bibliothèques partagées et des design tokens intégrés au produit. Les développeurs peuvent inspecter une maquette et en tirer du code dans des formats ouverts comme CSS, HTML, SVG et JSON, et les fichiers sont eux aussi stockés dans un format ouvert. Penpot se connecte également aux outils d’IA : un serveur MCP permet aux agents et aux modèles de langage de travailler dans un fichier, avec des conversions du code vers la maquette et inversement. Il est proposé en service cloud et en installation auto-hébergée, et peut être étendu avec des plugins.
Fonctionnalités clés
Design d’interfaces
Crée des écrans responsives et des wireframes avec des mises en page à règles utilisant CSS Grid et Flex.
Prototypes interactifs
Relie les écrans en parcours cliquables pour qu’une équipe teste une idée avant d’écrire la moindre ligne de code.
Design systems
Gère les composants, les bibliothèques partagées et les design tokens intégrés pour travailler de façon cohérente sur de nombreux fichiers.
Inspection du code
Montre aux développeurs le balisage et les styles correspondant à la maquette, en CSS, HTML, SVG et JSON.
Workflows d’IA via MCP
Ouvre les fichiers aux agents et aux modèles de langage par un serveur MCP, pour transformer du code en maquettes, des maquettes en code ou une maquette en une autre.
Auto-hébergement
S’installe sur votre propre infrastructure au lieu du cloud hébergé, avec un serveur privé dédié proposé en option payante.
Captures d’écran
Cas d’usage
- Concevoir une application web
- Composer les écrans avec les mêmes règles de grille et de flex que celles du front-end.
- Transmission aux développeurs
- Laisser les ingénieurs ouvrir la maquette, inspecter les espacements et copier les styles sans étape d’export distincte.
- Maintenir un design system
- Garder tokens, composants et bibliothèques au même endroit et les réutiliser d’une équipe à l’autre.
- Garder les données de design en interne
- Exécuter l’outil sur les serveurs de l’entreprise quand les fichiers doivent rester dans votre réseau.
- Design assisté par un agent
- Connecter un agent d’IA par le serveur MCP pour générer ou ajuster des mises en page à partir de code ou de prompts.
Tarifs
Professional
Gratuit
par utilisateur et par mois, gratuit
- Tous les outils de conception
- Aucune limite de fichiers
- Équipes illimitées
Unlimited
7 $
par éditeur et par mois, plafonné à 175 $ par mois, quelle que soit la taille de l’équipe
- Stockage supplémentaire
- Historique des versions étendu
- Accès anticipé aux nouveautés
Enterprise
25 $
par membre et par mois
- Gouvernance avancée
- Administration centralisée
- Permissions par équipe
Private Server
50 000 $
par an, affiché à 50 000 $ par an
- Infrastructure dédiée
- Hébergement sur mesure
- Support de niveau entreprise
Prix tels qu’indiqués dans le texte de la page officielle des tarifs, qui précise que tous les prix sont en dollars américains. Les formules cloud sont affichées par mois ; l’option Private Server est proposée par an. Des réductions pour les organisations à but non lucratif, l’enseignement et les projets open source sont possibles sur demande. Vérifié le 9 oct. 2026 sur penpot.app.
À savoir
- Prix indiqués en dollars américains
- La page des tarifs précise que tous les prix affichés sont en dollars américains.
- Un essai pour les formules cloud payantes
- La page des tarifs propose un essai gratuit de 14 jours sur les formules payantes.
- Réductions sur demande
- Les organisations à but non lucratif, les établissements d’enseignement et les projets open source peuvent demander une tarification réduite.
- Cloud et auto-hébergement sont facturés séparément
- La page des tarifs alterne entre une vue pour le service hébergé et une vue pour les installations que vous gérez vous-même.
Questions fréquentes
Qu’est-ce que Penpot ?
Penpot est une plateforme de conception open source pour le design d’interfaces, le prototypage et les design systems, utilisée conjointement par les designers et les développeurs.
À quoi sert Penpot ?
Penpot sert à créer des wireframes, des mises en page d’interface et des prototypes interactifs, à gérer des design systems et à transmettre les maquettes aux développeurs sous forme de code inspectable.
Penpot est-il gratuit ?
Oui. La formule cloud Professional de Penpot coûte 0 $ par utilisateur et par mois, la page des tarifs la décrit comme dotée de toutes les fonctionnalités, et le logiciel lui-même est open source.
Combien coûte Penpot ?
La page des tarifs de Penpot indique Professional à 0 $, Unlimited à 7 $ par éditeur et par mois avec un plafond mensuel de 175 $, Enterprise à 25 $ par membre et par mois et un Private Server à 50 000 $ par an, le tout en dollars américains.
Penpot peut-il être auto-hébergé ?
Oui. Penpot propose une installation auto-hébergée comme alternative à son service cloud, et la page des tarifs présente une vue cloud et une vue auto-hébergement distinctes.
Penpot fonctionne-t-il avec des agents d’IA ?
Oui. Penpot fournit un serveur MCP ouvert pour que des agents et des modèles de langage puissent travailler sur les fichiers de design.
Qui édite Penpot ?
Le site de Penpot porte la mention de copyright de Kaleidos (KALEIDOS Subsidiary SL).
Penpot propose-t-il une API et des plugins ?
Oui. Le site de Penpot comporte une section Integration & API et un annuaire de plugins pour étendre l’outil.
Pour qui
- Designers produit
- Développeurs front-end
- Équipes de design systems
- Projets open source
- Grandes entreprises
Présent dans ces guides
- Concevoir l’interface d’une application avec l’IA : recherche, écrans, prototype, codeÉtape 3 : Écrans d’interface
- Concevoir l’interface d’une application avec l’IA : recherche, écrans, prototype, codeÉtape 6 : Du design au code et passage de relais
Chaque guide décompose un projet en étapes et indique les outils utiles à chacune. Tous les guides
Commentaires
Aucun commentaire pour l’instant. Vous avez utilisé Penpot ? Racontez aux autres lecteurs comment cela s’est passé.
Alternatives à Penpot
| Outil | Formule gratuite | Prix de départ | API |
|---|---|---|---|
 MasterGoPlateforme collaborative de conception d’interfaces en ligne, avec génération de prototypes par IA et passage de relais du design au code. |
Oui | — | Oui |
 BananiOutil de design d’interfaces par IA qui transforme des prompts, des captures d’écran ou des liens Figma en prototypes modifiables de plusieurs écrans. |
Oui | — | — |
GrainientBibliothèque de dégradés granuleux, lisses et animés, avec des arrière-plans générés par IA et un outil de shader en temps réel. |
— | — | — |
 BannerbearAPI qui génère automatiquement images, PDF, animations et vidéos à partir de modèles de design réutilisables. |
— | 49 $/mois | Oui |
 GetLayersBibliothèque de modèles de sites, de scènes 3D, de sections et de dégradés fournis sous forme de prompts pour les outils de code par IA. |
Oui | — | — |
Dans les mêmes catégories que Penpot. Un prix de départ n’apparaît que si nous l’avons vérifié sur la page des tarifs de l’éditeur ; un tiret signifie qu’il n’a pas été vérifié ou n’est pas publié. Tous les outils : Design UI et UX