Penpot 2.0 - l’alternative open source à Figma

• Penpot est un outil de design open source basé sur le web qui comble le fossé entre designers et développeurs
• L’inscription est gratuite, et l’installation en auto-hébergement est également prise en charge
• La version 2.0 ajoute notamment la mise en page Grid CSS, un nouveau système de composants, l’échange de composants et la génération de code HTML

Un puissant outil de design

• Design d’interface
  • Prise en charge des layouts flexibles, des design systems et des polices personnalisées
• Prototypage
  • Flux interactifs, interactions et transitions
• Feedback et partage
  • Toutes les parties prenantes peuvent participer
• Inspection du code
  • Fournit les spécifications, le CSS et le balisage HTML/SVG

Une véritable collaboration entre design et code

• Penpot représente nativement le design en CSS, SVG et HTML
• Les développeurs peuvent travailler directement depuis l’interface
• Toute l’équipe peut profiter d’un workflow unique et fluide
• Il n’est plus nécessaire de passer par une phase de handoff

Standards ouverts et open source

• Quelle que soit la taille de l’équipe, il est possible de conserver une pleine maîtrise des livrables et des outils pour tous les projets actuels et futurs
• Flexibilité des API et des webhooks
  • Intégration de Penpot à la chaîne d’outils de développement existante, que l’on utilise le navigateur ou une instance privée

Communauté

• Bibliothèques et templates
  • Il est possible de créer différents templates ou bibliothèques, de les partager ou de les télécharger pour les utiliser dans des projets Penpot
• Contribution
  • Il est possible de s’entraider via le code, les idées de design, les bibliothèques, les templates, les intégrations, les tutoriels, etc.
• Penpot Fest
  • Une conférence où designers et développeurs se réunissent pour construire une collaboration sans contraintes

L’avis de GN⁺

• Penpot est un outil qui fluidifie la collaboration entre designers et développeurs, avec l’avantage de représenter les éléments de design au moyen de standards web comme CSS, SVG et HTML, ce qui permet de les exploiter directement dans le processus de développement sans travail supplémentaire. Cela devrait rendre la transition du design au développement plus fluide.
• Parmi les outils similaires existants, on trouve Figma, Sketch et Adobe XD, mais Penpot se distingue par son caractère open source. Son code source étant public, chacun peut ajouter ou modifier des fonctionnalités, et l’auto-hébergement en fait une option adaptée aux entreprises pour lesquelles la sécurité est essentielle.
• Cela dit, comme il s’agit encore d’un projet jeune, il peut rester en retrait par rapport aux outils établis sur les plans de la stabilité et des performances. Il existe aussi la contrainte de ne pas pouvoir réutiliser tels quels l’écosystème ou les plugins des outils existants.
• En résumé, pour une organisation centrée sur le développement web, les atouts de Penpot en matière d’intégration au processus de développement ressortiront clairement, mais dans un contexte général de collaboration design, il semble encore difficile de remplacer immédiatement les outils existants. À long terme, cela reste toutefois un projet prometteur grâce au potentiel d’évolution qu’offre l’open source.

[biyott]

Après l’avoir essayé, j’ai trouvé regrettable que le coréen fonctionne mal. (erreurs de page lors de l’enregistrement après saisie, ou problèmes de caractères, etc.)
Il semble que seul le PC fonctionne correctement, et la prise en compte du mode viewer sur mobile ou tablette n’est pas encore prévue.
À moins d’avoir un usage centré sur l’anglais et uniquement sur PC, j’ai l’impression que c’est encore un peu prématuré.

[rabolution]

Penpot a été créé en Clojure. Languages Clojure 71.7%

[xguru]

Penpot - outil open source de design et de prototypage collaboratif
Penpot, l’alternative open source à Figma, lève 8 M$

À l’époque où le rachat de Figma par Adobe était en cours, l’entreprise avait aussi levé des fonds, mais comme l’acquisition a finalement échoué, la situation est devenue un peu ambiguë.
Avec cette version 2.0, le produit s’est encore amélioré. Ce qui retient particulièrement l’attention, c’est l’avis selon lequel il ferait mieux que Figma en matière de génération de code.

[GN⁺]

Avis sur Hacker News

Résumé :

• Il est difficile pour un outil de design open source de remplacer un outil de design commercial. Les outils commerciaux ont bénéficié pendant longtemps d'améliorations en UX et en performances.
• Les bonnes performances de Figma semblent venir de son moteur de rendu personnalisé basé sur WebGL. Penpot est basé sur React, et la comparaison des performances intrigue.
• Après l'annonce du rachat par Adobe, certains sont brièvement passés à Penpot, mais sont revenus à Figma en regrettant ses avantages et à cause de la courbe d'apprentissage liée à de petites différences. Après l'échec du rachat, ils ont décidé de rester sur Figma.
• L'existence même de Penpot contribue à freiner les hausses de prix de Figma.
• Lunacy est gratuit, ne nécessite pas de connexion et propose un client natif Linux.
• Les outils et les frameworks progressent, mais l'UX du web se dégrade. Depuis l'ère des applications web, on a surtout appris à « attendre ».
• Certains estiment que Penpot est meilleur pour la génération de code. Cela peut être utile lorsqu'il faut beaucoup de pages avec des graphismes personnalisés ainsi que du code et des fonctions.
• Il est difficile de trouver la licence de Penpot.
• Le client comme le serveur de Penpot sont lents et inefficaces. Il semble nécessaire de réécrire le frontend en WASM + WebGL.
• L'engouement pour Figma est difficile à comprendre. S'il ne peut pas générer des modèles HTML et du CSS réutilisables, ce n'est qu'un outil pour designers, qui peut compliquer davantage la vie des développeurs.