Penpot 2.0 – die Open-Source-Alternative zu Figma

• Penpot ist ein webbasiertes Open-Source-Designtool, das die Lücke zwischen Designern und Entwicklern schließt
• Die Anmeldung ist kostenlos möglich, außerdem wird eine Self-Hosting-Installation unterstützt
• Mit dem Release 2.0 wurden Funktionen wie Grid-CSS-Layout, ein neues Komponentensystem, Komponententausch und HTML-Codegenerierung hinzugefügt

Leistungsstarkes Designtool

• Interface-Design
  • Flexible Layouts, Design-Systeme und Unterstützung für benutzerdefinierte Schriftarten
• Prototyping
  • Interaktive Abläufe, Interaktionen und Transition-Funktionen
• Feedback und Teilen
  • Alle Stakeholder können teilnehmen
• Code-Inspektion
  • Stellt Spezifikationen sowie CSS- und HTML/SVG-Markup bereit

Echte Zusammenarbeit zwischen Design und Code

• Penpot stellt Designs nativ als CSS, SVG und HTML dar
• Entwickler können direkt in der Oberfläche arbeiten
• Das gesamte Team kann einen nahtlosen Workflow nutzen
• Ein Handover-Prozess ist nicht mehr nötig

Offene Standards und Open Source

• Unabhängig von der Teamgröße können Arbeiten und Tools für aktuelle und zukünftige Projekte vollständig selbst kontrolliert werden
• Flexibilität durch API und Webhooks
  • Penpot lässt sich in bestehende Entwicklungs-Toolchains integrieren, unabhängig davon, ob es im Browser oder auf einer privaten Instanz genutzt wird

Community

• Bibliotheken und Vorlagen
  • Verschiedene Vorlagen oder Bibliotheken können erstellt, geteilt oder heruntergeladen und in Penpot-Projekten verwendet werden
• Beiträge
  • Man kann sich gegenseitig mit Code und Designideen, Bibliotheken, Vorlagen, Integrationen, Tutorials usw. unterstützen
• Penpot Fest
  • Eine Konferenz, auf der Designer und Entwickler zusammenkommen, um Zusammenarbeit ohne Einschränkungen aufzubauen

Meinung von GN⁺

• Penpot ist ein Tool, das die Zusammenarbeit zwischen Designern und Entwicklern reibungslos macht. Ein Vorteil ist, dass Designelemente als Webstandards wie CSS, SVG und HTML dargestellt werden und dadurch im Entwicklungsprozess ohne zusätzliche Arbeit direkt genutzt werden können. Dadurch dürfte der Übergang von Design zu Entwicklung flüssiger werden.
• Zu den bestehenden ähnlichen Tools gehören Figma, Sketch und Adobe XD, Penpot hebt sich jedoch dadurch ab, dass es Open Source ist. Da der Quellcode offenliegt, kann jeder Funktionen hinzufügen oder anpassen, und Self-Hosting ist ebenfalls möglich, was es für Unternehmen mit hohen Sicherheitsanforderungen geeignet macht.
• Da es sich jedoch noch um ein junges Projekt handelt, könnte es in Bezug auf Stabilität oder Performance gegenüber etablierten Tools noch Schwächen haben. Außerdem gibt es die Einschränkung, dass sich die Ökosysteme und Plugins bestehender Tools nicht unverändert weiterverwenden lassen.
• Insgesamt dürften bei Organisationen mit starkem Fokus auf Webentwicklung die Vorteile von Penpot durch die enge Anbindung an den Entwicklungsprozess besonders zur Geltung kommen, während es in der allgemeinen Design-Zusammenarbeit bestehende Tools wohl noch nicht sofort ersetzen kann. Langfristig ist es jedoch ein Projekt mit vielversprechendem Entwicklungspotenzial, das die Vorteile von Open Source nutzen kann.

[biyott]

Beim Ausprobieren fand ich es schade, dass Koreanisch nicht gut unterstützt wird. (Nach der Eingabe und beim Speichern treten Seitenfehler oder Zeichenfehler usw. auf.)
Auf dem PC scheint es nur einigermaßen gut zu funktionieren, und für Mobile oder Tablets als Viewer ist es noch nicht wirklich berücksichtigt.
Wenn man es nicht ausschließlich auf dem PC mit Fokus auf Englisch nutzt, scheint es dafür noch etwas zu früh zu sein.

[rabolution]

Penpot wurde mit Clojure entwickelt. Sprachen: Clojure 71,7 %

[xguru]

Penpot – Open-Source-Design- & Prototyping-Kollaborationstool
Penpot, die Open-Source-Alternative zu Figma, erhält 8 Mio. US-Dollar Investment

Als die Übernahme von Figma durch Adobe im Raum stand, hat das Unternehmen auch Investitionen erhalten, aber nachdem die Figma-Übernahme geplatzt ist, wurde die Lage etwas unklar.
Mit Version 2.0 ist es dieses Mal aber deutlich besser geworden. Besonders auffällig ist die Einschätzung, dass es bei der Code-Generierung besser sein soll als Figma.

[GN⁺]

Hacker-News-Kommentare

Zusammenfassung:

• Es ist schwierig, dass Open-Source-Designtools kommerzielle Designtools ersetzen, weil bei kommerziellen Tools über lange Zeit UX und Performance verbessert wurden.
• Der Grund für Figmas gute Performance scheint ein WebGL-basierter Custom-Renderer zu sein. Penpot basiert auf React, daher wäre ein Performance-Vergleich interessant.
• Nach der Bekanntgabe der Adobe-Übernahme wurde kurzzeitig zu Penpot gewechselt, kehrte aber wegen der Lernkurve durch kleine Unterschiede und aus Sehnsucht nach den Vorteilen von Figma wieder zurück. Nachdem die Übernahme geplatzt war, wurde beschlossen, bei Figma zu bleiben.
• Allein die Existenz von Penpot wirkt als Bremse gegen Preiserhöhungen bei Figma.
• Lunacy ist kostenlos, erfordert keinen Login und bietet einen nativen Linux-Client.
• Tools und Frameworks entwickeln sich weiter, aber die Web-UX selbst wird schlechter. Seit dem Zeitalter der Webanwendungen hat man vor allem gelernt zu warten.
• Es gibt die Einschätzung, dass Penpot bei der Codegenerierung besser ist. Das könnte nützlich sein, wenn viele benutzerdefinierte Grafikseiten sowie Code/Funktionen benötigt werden.
• Die Lizenz von Penpot ist schwer zu finden.
• Sowohl Client als auch Server von Penpot sind langsam und ineffizient. Es scheint nötig zu sein, das Frontend mit WASM + WebGL neu zu schreiben.
• Das Interesse an Figma ist schwer nachzuvollziehen. Wenn es keine wiederverwendbaren HTML-Templates und CSS erzeugen kann, ist es nur ein Tool für Designer und kann das Leben von Entwicklern sogar schwerer machen.