Penpot: Open Source Figma

 (github.com/penpot)
4 Punkte von GN⁺ 2025-11-28 | 1 Kommentare | Auf WhatsApp teilen
  • Penpot ist ein Open-Source-Design- und Prototyping-Tool, das Designer und Entwickler gemeinsam nutzen können und das browserbasiert oder als Self-Hosting-Lösung verfügbar ist
  • Es basiert auf offenen Standards wie SVG, CSS, HTML, JSON und umfasst moderne Funktionen wie Design Tokens, Komponentensysteme und CSS Grid Layout
  • Über ein Plugin-System und API- und Webhook-Integrationen kann es mit externen Anwendungen verbunden werden; der Inspect-Modus unterstützt die Anzeige sofort nutzbaren Codes
  • Als Community-zentriertes Projekt bietet es verschiedene Möglichkeiten zur Mitwirkung, darunter Bibliotheken- und Template-Sharing, Bug Reports und Übersetzungsbeiträge
  • Es wird unter der Mozilla Public License 2.0 veröffentlicht und trägt zur Erweiterung des Open-Source-Ökosystems bei, das die Effizienz der Zusammenarbeit zwischen Design und Entwicklung erhöht

Überblick über Penpot

  • Penpot ist das erste Open-Source-Design-Tool für die Zusammenarbeit zwischen Design und Code; Designer können interaktive Prototypen und Designsysteme erstellen, während Entwickler sofort nutzbaren Code verwenden können
    • Direkt im Browser nutzbar oder auf einem eigenen Server installierbar
    • Kostenlos verfügbar und basiert auf Standardtechnologien wie SVG, CSS, HTML, JSON
  • In der neuesten Version sind Design Tokens nativ integriert, um eine effiziente Zusammenarbeit zwischen Design und Entwicklung zu unterstützen
  • Das 2.0-Release enthält umfangreiche Updates wie CSS Grid Layout, eine vollständige Überarbeitung der UI und ein neues Komponentensystem
  • Organisationen, die zusätzliche Services für Teams benötigen, können separat anfragen
  • Mit der jährlichen Veranstaltung Penpot Fest findet Austausch mit der Open-Source-Design-Community statt

Warum Penpot

  • Penpot drückt Design in Form von Code aus und ermöglicht dadurch eine bidirektionale Zusammenarbeit zwischen Designern und Entwicklern
  • Das Plugin-System unterstützt Funktionserweiterungen und die Integration externer Apps
  • Mit seiner entwicklerfreundlichen Struktur kann zwischen Echtzeit-Zusammenarbeit und Einzelarbeit gewählt werden
  • Im Inspect-Modus lassen sich sofort nutzbarer SVG-, CSS- und HTML-Code prüfen
  • Durch die Self-Hosting-Funktion können Organisationen eine kollaborative Umgebung mit vollständiger Kontrolle aufbauen
  • Über API- und Webhook-Integrationen ist eine Anbindung an die Entwicklungs-Toolchain möglich
  • Mit Design Tokens, Komponenten und Variants lässt sich ein konsistentes UI-System aufbauen

Getting Started

  • Penpot ist die einzige Design- und Prototyping-Plattform, die unabhängig von der Deployment-Umgebung ist, und unterstützt sowohl SaaS als auch Self-Deployment
  • Es bietet verschiedene Installationsoptionen wie Docker, Kubernetes, Elestio
  • Installations- und Deployment-Guides sind auf der offiziellen Website verfügbar

Community

  • Das Projekt wird von einer Open-Source-Community getragen; Beiträge zu Design, Code und Ideen sind willkommen
  • Im Community-Forum können Fragen gestellt, Probleme gelöst, Verbesserungsvorschläge gemacht und Events besucht werden
  • Wichtige Kategorien: Ask the Community, Troubleshooting, Help us Improve Penpot, #MadeWithPenpot, Events and Announcements, Inside Penpot, Penpot in your language, Design and Code Essentials
  • Alle Teilnehmenden müssen den Code of Conduct einhalten und zu einer positiven und sicheren Umgebung beitragen

Contributing

  • Es gibt verschiedene Möglichkeiten, zum Projekt beizutragen
    • Bibliotheken und Templates erstellen und teilen
    • Teams einladen und an der Community teilnehmen
    • Bug Reports erstellen oder GitHub-Issues anlegen
    • An Übersetzungen mitwirken und Feedback geben
    • Entwickler-Guides und Videos für Code-Beiträge zu Penpot sind verfügbar
  • Weitere Details zur Mitwirkung finden sich im Contributing Guide

Resources

  • Verschiedene Ressourcen wie Dokumentation, Tutorials, Entwicklungsarchitektur und Dev Diaries werden bereitgestellt
    • Links zu [Documentation], [Getting Started], [Tutorials], [Architecture], [Dev Diaries]

License

  • Penpot wird unter der Mozilla Public License 2.0 (MPL-2.0) veröffentlicht
  • Das Copyright liegt bei Kaleidos Inc., und das Projekt ist als Open-Source-Projekt öffentlich verfügbar

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2025-11-28
Hacker-News-Meinungen

  • Ich wollte Penpot wirklich mögen, aber als ich es vor ein paar Monaten ausprobiert habe, gab es einen Bug, bei dem sich Teile des Dokuments seltsam verformten, schon wenn man nur zwischen Seiten wechselte
    Bei wichtigen Dokumenten wollte ich dieses Risiko nicht eingehen und habe deshalb weiter Figma verwendet
    Ich dachte jetzt daran, es noch einmal zu versuchen, aber es ist seit 8 Monaten unverändert

    • Es scheint jetzt an der Zeit zu sein, dieses Problem als Issue zu melden
    • Ich habe ein Beispieldokument geöffnet, konnte dieses Verhalten dort aber nicht sehen
      Wenn es ein so schwerwiegendes Problem wäre, wäre es wohl schwer zu ignorieren gewesen

  • Penpot ist nicht nur für Self-Hosting verfügbar, es gibt auch eine offiziell gehostete Version
    Der kostenlose Tarif unterstützt bis zu 8 Personen und 10 GB Speicherplatz
    Die nächste Stufe bietet unbegrenzte Nutzerzahl mit einer Obergrenze von 175 $ pro Monat und 25 GB Limit
    Der höchste Tarif bietet eine Obergrenze von 950 $ pro Monat und unbegrenzten Speicherplatz

    • Im Moment ist es günstig, aber wie bei Mattermost oder GitLab könnte sich die Monetarisierungsstruktur mit der Zeit ändern
      Hinter der Geschichte „Wir haben die Open-Source-Version von X gebaut“ entsteht oft irgendwann eine Enterprise-Version
    • Die Formulierung „unbegrenzter Speicherplatz“ ist in der Praxis wahrscheinlich nicht wirklich so gemeint
      Schade, dass solche Formulierungen in der Branche so verbreitet sind

  • Für die Arbeit an UI-Elementen ist Penpot der Vektoreditor, den ich am häufigsten benutze
    Es ist schlicht, und Einheiten- sowie Layout-Verwaltung funktionieren gut
    Es macht Spaß, damit Icons oder einfache Grafiken zu erstellen
    Das Export-System ist ebenfalls hervorragend und erleichtert die Organisation
    Es lässt sich für vieles nutzen, nicht nur für komplette App-Flows, und erinnert mich an die Produktivität der frühen Sketch-Zeit
    Es ist kaum zu glauben, dass es Open Source ist

    • Ich nutze Penpot auch als mein primäres Vektor-Tool, aber es ist ein großes Ärgernis, dass man Text nicht in Vektoren umwandeln kann
      Wenn die Schriftarten unterschiedlich sind, kann das Design in anderen Umgebungen kaputtgehen
      Besonders beim SVG-Export können Designs mit Text vollständig anders aussehen

  • Penpot ist instabil, und bei Arbeiten mit mehr als 10 Seiten stürzt es häufig ab
    Selbst auf einem Server mit 64 GB RAM belegt es ab 5–6 Seiten 20 GB Speicher, das ganze Team erlebt massive Lags, und am Ende geht es komplett down

    • Ich frage mich, ob dieses Memory Leak serverseitig oder im Frontend auftritt
    • Auch Figma ist ehrlich gesagt ziemlich speicherhungrig

  • Penpot erinnert mich an YaCy
    Das Projekt ist großartig, aber die Sprachwahl ist bedauerlich
    (YaCy ist in Java geschrieben, Penpot in Clojure)

    • Nur aus Neugier: Mich würde interessieren, welche Sprache YaCy im Jahr 2003 sonst hätte verwenden können und welche Sprache man heute für Penpot wählen würde

  • Wenn man eine eigenständige Desktop-Version möchte, kann man sich diese Release-Seite ansehen

    • Schade ist, dass diese Desktop-Version einfach nur eine umhüllte Web-App ist
      Für die Offline-Nutzung muss man per Docker eine lokale Instanz starten

  • Ich nehme lieber den Performance Tax eines Web-Stacks oder von Self-Hosting in Kauf, solange meine Design-Dateien nicht in einer geschlossenen Cloud gefangen sind
    Figma ist großartig, aber inzwischen ist es zu einem Single Point of Failure für die gesamte Produktorganisation geworden
    Auch wenn Penpot aktuell langsam ist: Wenn ich mit docker-compose up die Pipeline selbst besitzen kann, ist mir das lieber
    Performance kann man mit Code verbessern, Lizenzbeschränkungen können Nutzer dagegen nicht ändern

    • Genau. Gerade im AI-Zeitalter werden Designer vermutlich stärker erkennen, wie wichtig Kontrolle und Lizenzen für ihre eigene Arbeit sind
      Bisher haben sich vor allem Webdesigner für Open Source interessiert
    • Mich würde interessieren, ob du eine App wie Penpot selbst betreiben wollen würdest, wenn sie sich einfach self-hosten ließe

  • Penpot ist durchaus brauchbar, wird aber auf großen Canvas-Flächen sehr langsam
    Man sollte besser nicht alles auf eine einzige Canvas packen

  • Es gibt auch eine inoffizielle Desktop-Version
    Laut diesem Community-Post hat sie mehr Latenz als die gehostete Version
    Ich frage mich, ob jemand sie schon ausprobiert hat

  • Penpot wurde schon vor 3 Jahren erstmals auf Hacker News diskutiert
    Damals bekam es 1145 Punkte und 128 Kommentare