Penpot : le Figma open source

 (github.com/penpot)
4 points par GN⁺ 2025-11-28 | 1 commentaires | Partager sur WhatsApp
  • Penpot est un outil open source de design et de prototypage que les designers et les développeurs peuvent utiliser ensemble, proposé dans le navigateur ou en auto-hébergement
  • Il s’appuie sur des standards ouverts comme SVG, CSS, HTML, JSON et inclut des fonctionnalités modernes comme les design tokens, les systèmes de composants et CSS Grid Layout
  • Grâce à un système de plugins et à des fonctions d’intégration API et webhooks, il peut se connecter à des applications externes, tandis que le mode Inspect permet de consulter immédiatement du code prêt à l’emploi
  • Projet centré sur sa communauté, il propose différentes façons de contribuer, comme le partage de bibliothèques et de modèles, les signalements de bugs et la participation à la traduction
  • Il est publié sous Mozilla Public License 2.0 et contribue à l’essor de l’écosystème open source en améliorant l’efficacité de la collaboration entre design et développement

Présentation de Penpot

  • Penpot est le premier outil de design open source pour la collaboration entre design et code : les designers peuvent créer des prototypes interactifs et des design systems, tandis que les développeurs peuvent exploiter un code directement utilisable
    • Utilisable directement dans le navigateur ou installable sur son propre serveur
    • Proposé gratuitement et fondé sur des technologies standard comme SVG, CSS, HTML, JSON
  • Dans sa version la plus récente, les design tokens sont intégrés nativement afin de favoriser une collaboration efficace entre design et développement
  • La version 2.0 comprend d’importantes mises à jour, dont CSS Grid Layout, une refonte complète de l’interface utilisateur et un nouveau système de composants
  • Les organisations ayant besoin de services supplémentaires à l’échelle d’une équipe peuvent faire une demande séparée
  • Chaque année, l’événement Penpot Fest permet d’échanger avec la communauté du design open source

Pourquoi Penpot

  • Penpot exprime le design sous forme de code, ce qui permet une collaboration bidirectionnelle entre designers et développeurs
  • Le système de plugins permet d’étendre les fonctionnalités et d’intégrer des applications externes
  • Grâce à sa structure pensée pour les développeurs, il est possible de choisir entre travail collaboratif en temps réel et travail individuel
  • Le mode Inspect permet de consulter immédiatement du code SVG, CSS et HTML prêt à l’emploi
  • La fonction d’auto-hébergement permet aux organisations de mettre en place un environnement collaboratif dont elles gardent la maîtrise totale
  • L’intégration via API et webhooks permet de le relier à la toolchain de développement
  • Les design tokens, composants et variants permettent de construire un système d’interface cohérent

Premiers pas

  • Penpot est la seule plateforme de design et de prototypage indépendante de l’environnement de déploiement, prenant en charge à la fois le SaaS et le déploiement en propre
  • Il propose plusieurs options d’installation, dont Docker, Kubernetes, Elestio
  • Les guides d’installation et de déploiement sont disponibles sur le site officiel

Communauté

  • Le projet est animé par une communauté open source et accueille volontiers les contributions en design, code et idées
  • Le forum communautaire permet de poser des questions, résoudre des problèmes, proposer des améliorations et participer à des événements
  • Principales catégories : Ask the Community, Troubleshooting, Help us Improve Penpot, #MadeWithPenpot, Events and Announcements, Inside Penpot, Penpot in your language, Design and Code Essentials
  • Tous les participants doivent respecter le Code of Conduct afin de maintenir un environnement positif et sûr

Contribuer

  • Il est possible de contribuer au projet de différentes manières
    • Créer et partager des bibliothèques et des modèles
    • Inviter son équipe et participer à la communauté
    • Faire des signalements de bugs ou ouvrir des issues GitHub
    • Participer à la traduction et fournir des retours
    • Des guides développeur et des vidéos sont proposés pour contribuer au code de Penpot
  • Les détails sur la contribution sont disponibles dans le Contributing Guide

Ressources

  • Diverses ressources sont proposées : documentation, tutoriels, architecture de développement, Dev Diaries, etc.
    • Liens vers [Documentation], [Getting Started], [Tutorials], [Architecture], [Dev Diaries]

Licence

  • Penpot est distribué sous Mozilla Public License 2.0 (MPL-2.0)
  • Les droits d’auteur appartiennent à Kaleidos Inc., et le projet est publié en open source

À lire aussi

1 commentaires

 
GN⁺ 2025-11-28
Avis Hacker News

  • J’avais très envie d’aimer Penpot, mais quand je l’ai essayé il y a quelques mois, il y avait un bug où certaines parties du document se déformaient bizarrement rien qu’en naviguant entre les pages
    Je ne voulais pas prendre ce risque sur des documents importants, donc j’ai continué à utiliser Figma
    Je me suis dit que j’allais peut-être réessayer, mais le problème est toujours là après 8 mois

    • Il semble que ce soit le moment de ouvrir un ticket pour ce problème
    • J’ai ouvert le document d’exemple et je n’ai rien vu de ce genre
      Si c’était un problème aussi grave, il aurait sans doute été difficile à ignorer

  • Penpot n’est pas seulement disponible en self-hosting, il existe aussi une version hébergée officielle
    L’offre gratuite prend en charge jusqu’à 8 personnes et 10 Go de stockage
    L’étape suivante propose un nombre illimité d’utilisateurs avec un plafond à 175 $ par mois, pour 25 Go
    L’offre la plus élevée a un plafond à 950 $ par mois et fournit un stockage illimité

    • C’est abordable pour l’instant, mais comme Mattermost ou GitLab, la structure tarifaire pourrait évoluer avec le temps
      Derrière l’histoire du « nous avons créé la version open source de X », on voit souvent apparaître ensuite une version enterprise
    • L’expression « stockage illimité » ne l’est probablement pas en pratique
      C’est dommage que ce type de formulation soit si courant dans le secteur

  • Pour travailler sur des éléments d’interface, Penpot est l’éditeur vectoriel que j’utilise le plus souvent
    Il est simple, et la gestion des unités et de la mise en page est bien pensée
    Il y a un vrai plaisir à créer des icônes ou des graphismes simples avec
    Le système d’export est aussi excellent et facilite l’organisation
    On peut l’utiliser pour bien plus que le flux complet d’une application, et cela me rappelle la productivité des débuts de Sketch
    C’est presque difficile à croire que ce soit open source

    • J’utilise moi aussi Penpot comme principal outil vectoriel, mais le fait de ne pas pouvoir vectoriser du texte est un gros inconvénient
      Si la police diffère, le design peut se casser dans un autre environnement
      En particulier lors de l’export SVG, un design contenant du texte peut avoir un rendu complètement différent

  • Penpot est instable et plante souvent dès qu’on travaille sur plus de 10 pages
    Même sur un serveur avec 64 Go de RAM, à partir de 5 ou 6 pages il consomme 20 Go de mémoire, toute l’équipe subit de gros ralentissements, puis tout finit par tomber

    • Je me demande si cette fuite mémoire vient du serveur ou du frontend
    • En réalité, Figma aussi a tendance à être très gourmand en mémoire

  • Penpot me fait penser à YaCy
    Le projet est excellent, mais le choix du langage est regrettable
    (YaCy est écrit en Java, Penpot en Clojure)

    • Par curiosité, j’aimerais savoir quel langage YaCy aurait choisi en 2003, et lequel Penpot choisirait aujourd’hui

  • Si vous voulez une version desktop autonome, vous pouvez consulter cette page de releases

    • Ce qui est dommage, c’est que cette version desktop se contente en fait d’envelopper la web app
      Pour un usage hors ligne, il faut lancer une instance locale avec Docker

  • Même si cela implique d’accepter le coût de performance (performance tax) du web stack ou du self-hosting, il est plus important pour moi que mes fichiers de design ne soient pas enfermés dans un cloud propriétaire
    Figma est excellent, mais c’est désormais devenu un point de défaillance unique pour toute l’organisation produit
    Même si Penpot est lent aujourd’hui, si je peux moi-même posséder le pipeline avec docker-compose up, je préfère cela
    On peut améliorer les performances avec du code, mais les contraintes de licence ne peuvent pas être changées par les utilisateurs

    • Exact. Surtout à l’ère de l’IA, je pense que les designers prendront davantage conscience de l’importance du contrôle et des licences sur leur propre travail
      Jusqu’à présent, seuls les web designers s’intéressaient à l’open source
    • Je me demande si, s’il devenait facile à self-hoster une app comme Penpot, vous auriez envie de l’exploiter vous-même

  • Penpot est plutôt utilisable, mais il devient très lent sur les grands canvas
    Mieux vaut éviter de tout mettre sur un seul canvas

  • Il existe aussi une version desktop non officielle
    D’après ce post de la communauté, elle souffre de plus de latence que la version hébergée
    Je me demande si quelqu’un l’a essayée

  • Penpot a déjà été discuté pour la première fois il y a 3 ans sur Hacker News
    À l’époque, le sujet avait obtenu 1145 points et 128 commentaires