Design UI : Penpot, l'alternative Open Source à Figma

Dans le domaine du design d'interface (UI), un acteur bouscule le marché : Penpot. Après 5 ans d'existence et 1,5 million d'utilisateurs, peut-il vraiment rivaliser avec le géant Figma ? Nous avons testé l'outil en conditions réelles.

Les forces du modèle Open Source

« On estime que de 80 % à 90 % des logiciels utilisés dans le monde sont des logiciels libres. Autrement dit, aujourd’hui, ils sont partout ! », selon Stéfane Fermigier, membre du conseil d’administration de l’Association Professionnelle Européenne du Logiciel Libre. 
 

Avant d'être un choix technique, l'Open Source repose sur des piliers éthiques et stratégiques :

• Transparence et sécurité : Un code ouvert permet à une vaste communauté de détecter rapidement les failles et d'améliorer l'outil en continu.
• Accessibilité et éducation : En réduisant les barrières financières (frais de licence), il facilite l'apprentissage des étudiants et l'intégration des jeunes talents.
• Éco-responsabilité : L'effort open source s'inscrit pleinement dans les démarches de numérique responsable (critère RGESN).

Le crash-test : Penpot vs Figma

Pour comparer objectivement les deux solutions, nous avons recréé trois pages du site mc2i sur Penpot (design system, wireframes, maquettes haute fidélité et prototypes). Voici notre verdict :
 

• Une transition facile : L'interface de Penpot ressemble à s'y méprendre à celle de Figma. On y retrouve la même structure (panneaux latéraux, barre d'outils), ce qui permet aux designers de prendre l'outil en main immédiatement.
• Un outil pensé pour les développeurs : C'est la grande force de Penpot. Là où Figma utilise un "auto-layout" propriétaire, Penpot s'appuie sur les standards CSS Flexbox et Grid. De plus, le "Dev Mode" est intégré nativement et gratuitement, facilitant grandement le handoff (la transmission aux développeurs).
• Gestion des variables (Tokens) : Penpot intègre un onglet dédié pour gérer les tokens par catégories (couleurs, typographies) et créer des thèmes (mode sombre/clair). Bémol lors de notre test : l'utilisation de ces tokens manque encore un peu de fluidité.

Figma garde-t-il son avance ?

À l'usage, Figma conserve des atouts indéniables, notamment pour les grandes structures :

• L'expérience utilisateur : L'outil est plus mature, plus fluide et bénéficie d'une intégration avancée de l'intelligence artificielle.
• L'écosystème : Sa bibliothèque de plugins est bien plus riche, couvrant toute la chaîne de production.
• La performance : Figma reste inégalée pour la collaboration en temps réel sur des fichiers massifs et complexes.

La vraie différence : le budget et la souveraineté

La véritable valeur de Penpot ne réside pas que dans ses fonctionnalités, mais dans son modèle :

• Un modèle économique imbattable : Figma facture au nombre de licences (Designer et Dev Mode), rendant la facture exponentielle pour les grandes équipes. Penpot propose un forfait fixe et plafonné pour un nombre d'utilisateurs illimité. (Exemple : pour 30 designers et 35 développeurs, Figma coûte plusieurs dizaines de milliers d'euros par an, contre environ 820 €/mois pour Penpot).
• Souveraineté des données : Penpot propose l'auto-hébergement (self-hosting). Une fonctionnalité cruciale pour les secteurs sensibles qui refusent de confier leurs données à un hébergeur tiers.

En conclusion

Penpot n'est pas qu'un outil, c'est un choix de modèle, éthique et souverain. S'il doit encore évoluer sur la fluidité et les performances pures face à Figma, il s'impose d'ores et déjà comme la solution idéale pour les indépendants, les étudiants, les startups, ou toute organisation cherchant à maîtriser son budget et à garantir la protection absolue de ses données.