Penpot 2.18 : nouvelles fonctionnalités pour la conception d’interfaces et la collaboration en équipe
Penpot 2.18 apporte plusieurs améliorations pratiques à cet éditeur de conception open source, notamment en matière de dessin vectoriel, de typographie, de systèmes de design partagés et de travail collaboratif. Annoncée en septembre 2026 sous le nom de « Born This Way », cette mise à jour introduit la conversion des contours en tracés, des outils spécifiques pour les lignes et les flèches, un meilleur aperçu des polices et une gestion plus fiable des design tokens. Elle marque également l’arrivée de Penpot Enterprise, une offre payante proposant des fonctionnalités d’administration supplémentaires aux grandes organisations. L’éditeur principal reste gratuit et open source, permettant aux designers de créer des interfaces, de développer des prototypes interactifs et de collaborer avec les développeurs sans souscrire d’abonnement commercial. Plutôt que de transformer radicalement l’espace de travail habituel, la version 2.18 cherche avant tout à simplifier les tâches quotidiennes de conception et à offrir aux équipes un meilleur contrôle sur leurs projets.
Penpot 2.18 introduit des outils de dessin et d’édition plus flexibles
L’une des nouveautés les plus importantes de Penpot 2.18 est la possibilité de convertir les contours en tracés vectoriels modifiables. Auparavant, un contour constituait principalement une propriété visuelle appliquée à une ligne ou à une forme existante. Les designers pouvaient modifier son épaisseur, sa couleur et son apparence, mais intervenir directement sur sa géométrie visible était moins simple. La nouvelle commande Outline Stroke transforme ce contour en une forme vectorielle pouvant être modifiée indépendamment. Cette fonctionnalité se révèle particulièrement utile pour créer des icônes personnalisées, des éléments décoratifs d’interface, des illustrations ou des visuels nécessitant des ajustements plus précis que ceux proposés par les paramètres classiques des contours.
Pour utiliser cette fonctionnalité, il suffit de sélectionner un objet possédant un contour, d’ouvrir son menu contextuel et de choisir Outline Stroke. Penpot convertit alors le contour en un tracé modifiable qui suit ses limites visibles. La forme obtenue peut être ajustée à l’aide des outils d’édition vectorielle, combinée avec d’autres objets au moyen d’opérations booléennes ou exportée au format SVG. Par exemple, un designer qui crée une icône de navigation peut transformer une ligne épaisse en forme vectorielle, puis modifier certaines de ses parties sans devoir redessiner entièrement le symbole. Une condition importante doit toutefois être prise en compte : la commande Outline Stroke est disponible lorsque le nouveau moteur de rendu WebGL est activé. Les équipes qui utilisent encore l’ancien moteur doivent tenir compte de cette limitation.
La barre d’outils de dessin a également été réorganisée afin de réduire son encombrement et de faciliter l’accès aux fonctions les plus utilisées. Penpot 2.18 rassemble les outils de dessin dans deux menus déroulants. Le groupe consacré aux formes comprend les rectangles, les ellipses, les lignes et les flèches, tandis que celui dédié au dessin libre contient les outils de tracé et de crayon. Chaque menu mémorise le dernier outil sélectionné, ce qui permet de retrouver rapidement les fonctions habituelles sans parcourir systématiquement toutes les options disponibles. L’ajout d’outils spécifiques pour les lignes et les flèches constitue une autre amélioration appréciable. Il n’est plus nécessaire de recréer de simples éléments directionnels à partir de combinaisons complexes de tracés et de paramètres de contour. La création de connexions, d’annotations et de schémas d’interface devient ainsi plus directe.
Une typographie améliorée et des éléments visuels plus cohérents
La sélection typographique bénéficie d’une amélioration relativement discrète, mais particulièrement utile dans Penpot 2.18. Les noms des polices apparaissent désormais dans leur propre style typographique, ce qui permet aux designers d’en reconnaître les caractéristiques visuelles avant de les appliquer à un élément de texte. Auparavant, comparer plusieurs polices peu familières pouvait nécessiter de les sélectionner et de les tester successivement. Grâce aux nouveaux aperçus, cette comparaison devient plus simple, notamment lors de la création d’interfaces qui doivent respecter une identité visuelle particulière. Les designers peuvent rapidement déterminer si une police présente un caractère formel, géométrique, condensé ou décoratif directement depuis le menu de sélection. Le choix définitif doit néanmoins toujours être validé à partir de véritables contenus d’interface.
La mise à jour améliore également le comportement des design tokens lorsque des propriétés sont copiées entre différents éléments. Les design tokens sont des valeurs réutilisables permettant aux équipes de gérer les couleurs, les espacements, la typographie et d’autres caractéristiques visuelles récurrentes. Au lieu d’attribuer manuellement la même couleur à des dizaines de boutons, un designer peut, par exemple, associer ces boutons à un token commun. Penpot 2.18 conserve désormais les références aux tokens lors du copier-coller des propriétés compatibles, au lieu de simplement transférer leurs valeurs sous-jacentes. Cette modification, qui peut sembler mineure, possède des conséquences pratiques importantes : les éléments copiés restent associés aux décisions de conception initiales, ce qui facilite les modifications ultérieures et réduit les risques d’incohérences visuelles.
Prenons l’exemple d’une interface comprenant plusieurs écrans qui utilisent la même couleur pour les boutons principaux. Si cette couleur est contrôlée par un token, sa modification peut être répercutée sur l’ensemble des éléments associés. Lorsque les propriétés copiées conservent leurs références aux tokens, les composants nouvellement modifiés continuent de respecter les mêmes règles graphiques. Cette amélioration est particulièrement intéressante dans les projets impliquant plusieurs designers ou de vastes bibliothèques de composants. Elle ne remplace pas la nécessité de structurer soigneusement les systèmes de design, mais supprime une cause fréquente d’incohérences accidentelles. Associée aux aperçus typographiques et aux nouveaux outils de dessin, elle rend Penpot 2.18 plus agréable à utiliser pour les travaux d’interface détaillés, sans imposer aux designers de modifier leurs méthodes habituelles.
Une meilleure collaboration et une gestion optimisée des systèmes de design dans Penpot 2.18
Penpot prend depuis longtemps en charge la conception collaborative d’interfaces, en permettant aux équipes de travailler avec des fichiers partagés, des composants réutilisables et des prototypes interactifs. La version 2.18 améliore ces possibilités existantes plutôt que de présenter la collaboration comme une fonctionnalité entièrement nouvelle. L’une des évolutions notables concerne les commentaires dans l’espace de conception. Les designers peuvent consulter et gérer les retours de leurs collègues tout en poursuivant leur travail sur les maquettes, ce qui limite les allers-retours entre les activités d’édition et de révision. Cette évolution présente un intérêt particulier dans les projets où les chefs de produit, les développeurs et les designers échangent régulièrement au sujet des mêmes écrans. Le fait de conserver les commentaires à proximité des éléments visuels concernés permet de préserver leur contexte et de mieux comprendre les modifications demandées.
Par exemple, un chef de produit qui examine un écran d’inscription peut suggérer de modifier l’emplacement d’un message d’erreur, tandis qu’un développeur peut signaler un problème potentiel concernant l’espacement entre les champs d’un formulaire. Ces échanges sont particulièrement utiles lorsque les commentaires restent associés aux éléments de conception concernés. Penpot 2.18 corrige également un comportement du clavier qui pouvait auparavant compliquer la rédaction des commentaires : l’utilisation de la barre d’espace pouvait activer l’outil Main au lieu d’insérer un espace dans le texte. La correction de ce problème élimine une interruption inutile dans le processus de retour d’information. Même si ce type de correctif attire rarement autant l’attention que les fonctionnalités majeures, il peut améliorer sensiblement le quotidien des équipes qui révisent leurs maquettes tout au long du développement d’un produit.
Les composants partagés restent essentiels pour maintenir une cohérence visuelle dans les projets de grande envergure. Une équipe de design peut utiliser une bibliothèque commune regroupant des barres de navigation, des boutons, des champs de formulaire et des messages de notification, puis réutiliser ces éléments sur différents écrans. Penpot facilite cette approche grâce aux composants réutilisables et aux bibliothèques partagées, tandis que les design tokens apportent un niveau supplémentaire de cohérence dans la gestion des propriétés visuelles. La version 2.18 comprend des correctifs liés à la synchronisation des composants et au comportement des mises en page, afin que les éléments partagés réagissent de manière plus fiable lorsque leurs propriétés d’origine sont modifiées. Il reste néanmoins recommandé de vérifier les mises en page complexes après une mise à jour des bibliothèques, particulièrement lorsque les composants comprennent des éléments imbriqués ou plusieurs variantes. Cette version renforce la fiabilité de l’éditeur, sans supprimer la nécessité de procéder aux vérifications habituelles.
Penpot Enterprise ajoute des contrôles administratifs pour les grandes équipes
L’une des évolutions majeures accompagnant Penpot 2.18 est l’introduction de Penpot Enterprise. Cette offre payante se concentre sur l’administration des organisations plutôt que sur la réservation des outils classiques de dessin et de prototypage aux utilisateurs disposant d’un abonnement. Penpot continue de proposer gratuitement ses fonctionnalités open source, tandis que l’offre Enterprise fournit des contrôles supplémentaires aux entreprises qui gèrent de nombreux utilisateurs, équipes et projets. Cette distinction est importante, car les besoins d’un designer indépendant diffèrent considérablement de ceux d’une grande organisation. Une petite équipe peut se contenter de fichiers de conception partagés et de droits d’accès ordinaires, alors qu’une entreprise comprenant plusieurs départements peut avoir besoin de règles centralisées concernant les accès, les invitations et l’administration.
Penpot Enterprise introduit une console d’administration dédiée, appelée Admin Console, qui permet aux administrateurs autorisés de gérer différentes organisations indépendantes et d’appliquer des politiques communes à leurs équipes. L’offre prend également en charge l’authentification unique au niveau de l’organisation, grâce à différents fournisseurs d’identité, notamment les services compatibles avec OpenID Connect, Microsoft Azure Active Directory et Google. L’authentification unique, ou SSO, permet aux employés d’accéder aux ressources Penpot de leur organisation en utilisant leur système d’identification professionnel habituel. Cela peut simplifier la gestion des comptes, notamment lors de l’arrivée de nouveaux collaborateurs, des changements de département ou des départs de l’entreprise. Plutôt que de dépendre entièrement de procédures d’accès distinctes pour chaque outil, les administrateurs peuvent connecter Penpot à leur infrastructure d’identité existante et gérer l’authentification de manière plus cohérente.
Les autorisations avancées constituent une autre différence importante. Les administrateurs peuvent définir des règles déterminant qui est autorisé à créer ou à gérer des équipes, des projets et des fichiers, qui peut inviter de nouveaux membres et quels utilisateurs peuvent recevoir des invitations. Ces restrictions appliquées à l’ensemble de l’organisation complètent les rôles habituels des utilisateurs. Par exemple, une entreprise peut autoriser ses designers à modifier les fichiers des projets tout en limitant la possibilité d’inviter des collaborateurs externes. De tels contrôles peuvent être utiles aux agences qui travaillent sur des projets confidentiels pour leurs clients ou aux entreprises soumises à des exigences internes strictes en matière de sécurité. Penpot Enterprise n’est toutefois pas indispensable à tous les utilisateurs. Les indépendants, les étudiants, les petits studios et de nombreuses équipes produit peuvent continuer à travailler avec l’édition gratuite. L’offre payante s’adresse donc principalement aux organisations qui ont besoin d’une gouvernance plus poussée.
Ce que Penpot 2.18 apporte aux designers UI et aux développeurs en 2026
L’intérêt de Penpot repose en grande partie sur sa capacité à réunir la conception d’interfaces, le prototypage et les méthodes de travail adaptées aux développeurs dans une application open source. Les designers peuvent créer des écrans, organiser des ressources réutilisables et construire des parcours interactifs, tandis que les développeurs peuvent consulter les propriétés des maquettes et exploiter les éléments graphiques destinés à leur mise en œuvre. L’éditeur s’appuie sur des technologies web courantes et prend en charge des formats répandus comme le SVG, ce qui le rend particulièrement pertinent pour les équipes qui développent des sites et des applications web. Penpot 2.18 renforce cette approche existante grâce à des améliorations pratiques, sans chercher à transformer entièrement le processus de conception. Ses nouveaux outils de dessin facilitent la production graphique, tandis que la meilleure gestion des tokens et la fiabilité accrue des composants accompagnent le passage de maquettes individuelles à des produits visuellement cohérents.
La mise à jour comprend également des travaux de maintenance concernant le moteur de rendu WebGL, les plugins et l’intégration du Model Context Protocol (MCP). Le rendu WebGL est particulièrement important, car il permet d’utiliser de nouvelles fonctionnalités graphiques, notamment la conversion des contours introduite dans cette version. Penpot développe ce moteur de rendu afin d’améliorer la gestion des fichiers de conception exigeants et des effets visuels avancés. L’intégration MCP permet quant à elle à des outils de développement compatibles, assistés par intelligence artificielle, d’interagir avec Penpot au moyen d’une connexion définie. La version 2.18 corrige notamment des problèmes de connexion qui pouvaient apparaître lorsque certains onglets du navigateur étaient inactifs, ainsi que d’autres dysfonctionnements affectant la fiabilité. Ces modifications sont intéressantes pour les équipes qui expérimentent des méthodes de travail reliant conception et développement, même si MCP reste facultatif pour les activités classiques de design d’interface.
Le modèle open source de Penpot permet également aux organisations de choisir entre le service hébergé et une installation sur leurs propres serveurs. L’auto-hébergement peut intéresser les entreprises qui souhaitent exercer un contrôle accru sur leur infrastructure, le stockage des données et les opérations de maintenance. Cette solution implique toutefois des responsabilités supplémentaires, généralement prises en charge par le fournisseur dans le cadre d’un service hébergé. Les équipes qui exploitent leur propre installation doivent notamment prévoir les mises à jour logicielles, les sauvegardes, la gestion des accès et la sécurité des serveurs. La disponibilité du code source ne garantit pas automatiquement la sécurité d’une installation et ne dispense pas des opérations de maintenance. Pour les designers qui évaluent Penpot en 2026, la question ne consiste donc pas uniquement à déterminer si l’éditeur possède les fonctionnalités nécessaires, mais également à vérifier si le mode de déploiement choisi correspond aux ressources techniques de leur organisation.
Avantages pratiques, limites et choix d’une méthode de travail adaptée
La meilleure manière d’évaluer Penpot 2.18 consiste à envisager une situation de conception concrète. Prenons l’exemple d’une petite équipe qui développe une application de réservation en ligne. Le designer commence par créer plusieurs écrans consacrés à la recherche, à la sélection et à la confirmation des réservations. Les outils spécifiques pour les lignes et les flèches facilitent la représentation des parcours de navigation, tandis que la conversion des contours en tracés vectoriels apporte davantage de souplesse pour perfectionner des icônes personnalisées. Les aperçus de polices permettent de sélectionner plus facilement une typographie appropriée, et les design tokens partagés assurent la cohérence des couleurs et des espacements entre les écrans. Une fois les premières maquettes préparées, les collaborateurs peuvent les examiner à l’aide des commentaires, tandis que les développeurs consultent les propriétés pertinentes et préparent les composants correspondants de l’application.
Plusieurs limites méritent néanmoins une attention particulière. La commande Outline Stroke nécessite le moteur de rendu WebGL, et la conversion d’un contour en forme vectorielle modifie la manière dont l’élément obtenu doit être édité. Il est donc préférable de conserver une version originale lorsqu’il peut être nécessaire de modifier ultérieurement l’épaisseur du contour ou d’autres propriétés qui lui sont propres. De la même manière, les composants réutilisables et les design tokens ne sont réellement efficaces que lorsque l’équipe adopte des conventions de nommage cohérentes et entretient régulièrement ses bibliothèques. Penpot ne résout pas automatiquement les décisions graphiques contradictoires et ne garantit pas qu’une maquette pourra être transformée en code fonctionnel sans ajustements. Les équipes qui souhaitent quitter un autre éditeur devraient également tester les importations, les polices, les prototypes et les composants complexes avant de transférer un projet important. La compatibilité avec un format de fichier ne signifie pas nécessairement que chaque détail se comportera de manière identique après la migration.
Pour les utilisateurs actuels de Penpot, la version 2.18 apporte des améliorations appréciables aux tâches habituelles, particulièrement à l’édition vectorielle, à la sélection typographique et à la conservation des relations entre les éléments d’un système de design. Les nouveaux utilisateurs peuvent également être intéressés par l’association d’un accès gratuit, d’un code source ouvert, de fonctionnalités collaboratives et d’outils adaptés aux développeurs, notamment lorsque la maîtrise des logiciels et la flexibilité constituent des critères importants. Les grandes entreprises peuvent envisager l’offre Enterprise si elles ont besoin d’une gestion centralisée des identités et d’autorisations communes à toute l’organisation. La version publiée en septembre 2026 doit avant tout être considérée comme une évolution progressive, mais significative, plutôt que comme une refonte complète de l’éditeur. Son principal intérêt réside dans la suppression de petits obstacles rencontrés au quotidien et dans l’amélioration des méthodes permettant aux équipes de créer, de réviser et de maintenir des interfaces à mesure que leurs projets prennent de l’ampleur.
