Penpot 2.18: Neue Funktionen für Open-Source-UI-Design und Teamarbeit
Penpot 2.18 bringt mehrere praktische Verbesserungen für den Open-Source-Designeditor mit sich. Im Mittelpunkt stehen dabei das Zeichnen von Vektorgrafiken, die Typografie, gemeinsame Designsysteme und die Zusammenarbeit im Team. Das im September 2026 unter dem Namen „Born This Way“ angekündigte Update führt unter anderem die Umwandlung von Konturen in Vektorpfade, eigenständige Werkzeuge für Linien und Pfeile, verbesserte Schriftartenvorschauen und eine zuverlässigere Verarbeitung von Design-Tokens ein. Gleichzeitig markiert die Version die Einführung von Penpot Enterprise, einer kostenpflichtigen Variante mit zusätzlichen Verwaltungsfunktionen für größere Unternehmen. Der eigentliche Editor bleibt kostenlos und quelloffen. Designer können damit Benutzeroberflächen gestalten, interaktive Prototypen entwickeln und mit Entwicklern zusammenarbeiten, ohne ein kommerzielles Abonnement abschließen zu müssen. Statt den vertrauten Arbeitsbereich grundlegend zu verändern, konzentriert sich Version 2.18 darauf, alltägliche Designaufgaben zu vereinfachen und Teams mehr Kontrolle über ihre Projekte zu geben.
Penpot 2.18 bietet flexiblere Zeichen- und Bearbeitungswerkzeuge
Eine der wichtigsten Neuerungen in Penpot 2.18 ist die Möglichkeit, Konturen in bearbeitbare Vektorpfade umzuwandeln. Bisher war eine Kontur in erster Linie eine visuelle Eigenschaft, die einer vorhandenen Linie oder Form zugewiesen wurde. Designer konnten ihre Stärke, Farbe und Darstellung verändern, die sichtbare Umrissform jedoch nur eingeschränkt direkt bearbeiten. Mit dem neuen Befehl „Outline Stroke“ lässt sich diese Kontur in eine eigenständige Vektorgeometrie umwandeln, die anschließend unabhängig vom ursprünglichen Objekt angepasst werden kann. Besonders nützlich ist diese Funktion bei der Gestaltung individueller Icons, dekorativer Oberflächenelemente, Illustrationen oder Grafiken, bei denen präzisere Änderungen erforderlich sind, als es die gewöhnlichen Kontureinstellungen ermöglichen.
Um die Funktion zu verwenden, wählen Designer ein Objekt mit einer Kontur aus, öffnen das Kontextmenü und klicken auf „Outline Stroke“. Penpot wandelt die Kontur daraufhin in einen bearbeitbaren Pfad um, dessen Form dem sichtbaren Umriss entspricht. Die entstandene Vektorform lässt sich mit den Zeichenwerkzeugen verändern, über boolesche Operationen mit anderen Objekten kombinieren oder als SVG exportieren. Wer beispielsweise ein Navigationssymbol gestaltet, kann eine dicke Linie in eine eigenständige Form umwandeln und einzelne Bereiche verändern, ohne das gesamte Symbol neu zeichnen zu müssen. Dabei gibt es eine wichtige Voraussetzung: „Outline Stroke“ steht nur zur Verfügung, wenn die neuere WebGL-Rendering-Engine aktiviert ist. Teams, die noch den bisherigen Renderer verwenden, müssen diese Einschränkung berücksichtigen.
Auch die Zeichenwerkzeugleiste wurde überarbeitet, um die Oberfläche übersichtlicher zu gestalten und häufig verwendete Funktionen schneller zugänglich zu machen. Penpot 2.18 fasst die Zeichenwerkzeuge in zwei aufklappbaren Menüs zusammen. Die erste Gruppe enthält Formen wie Rechtecke und Ellipsen sowie Linien und Pfeile. In der zweiten Gruppe befinden sich Werkzeuge zum Zeichnen von Pfaden und Freihandlinien. Jedes Menü merkt sich das zuletzt verwendete Werkzeug, sodass Designer häufig benötigte Funktionen schneller erneut aufrufen können. Eine weitere praktische Verbesserung sind die eigenständigen Linien- und Pfeilwerkzeuge. Damit entfällt die Notwendigkeit, einfache Richtungselemente umständlich aus mehreren Pfaden und Kontureinstellungen zusammenzusetzen. Das erleichtert beispielsweise das Zeichnen von Verbindungen, Anmerkungen und Ablaufdiagrammen innerhalb eines Interface-Entwurfs.
Verbesserte Typografie und einheitlichere Gestaltungselemente
Auch die Auswahl von Schriftarten wurde in Penpot 2.18 verbessert. Die Namen der verfügbaren Schriftfamilien erscheinen im Auswahlmenü jetzt in ihrer jeweiligen Schriftart. Dadurch können Designer den visuellen Charakter einer Schrift bereits erkennen, bevor sie diese einem Textelement zuweisen. Bisher mussten unbekannte Schriftarten häufig nacheinander ausgewählt und ausprobiert werden, um ihre tatsächliche Wirkung beurteilen zu können. Die neue Vorschau erleichtert den Vergleich verschiedener Schriftfamilien, insbesondere wenn eine Benutzeroberfläche eine eigenständige visuelle Identität erhalten soll. Ob eine Schrift eher sachlich, geometrisch, schmal oder dekorativ wirkt, lässt sich nun direkt im Auswahlmenü einschätzen. Die endgültige Entscheidung sollte dennoch anhand echter Interface-Texte getroffen werden.
Das Update verbessert außerdem den Umgang mit Design-Tokens beim Kopieren von Eigenschaften zwischen verschiedenen Elementen. Design-Tokens sind wiederverwendbare Werte, mit denen Teams Farben, Abstände, Typografie und andere regelmäßig eingesetzte Gestaltungseigenschaften verwalten. Statt beispielsweise Dutzenden Schaltflächen manuell dieselbe Farbe zuzuweisen, können Designer diese mit einem gemeinsamen Token verknüpfen. Penpot 2.18 behält solche Token-Verknüpfungen beim Kopieren und Einfügen unterstützter Eigenschaften bei, anstatt lediglich die zugrunde liegenden Werte zu übertragen. Diese scheinbar kleine Änderung hat praktische Auswirkungen: Kopierte Elemente bleiben mit den ursprünglichen Designvorgaben verbunden. Spätere Anpassungen werden dadurch einfacher, und das Risiko uneinheitlicher Gestaltung sinkt.
Ein Beispiel ist eine Produktoberfläche mit mehreren Ansichten, in denen dieselbe Primärfarbe für Schaltflächen verwendet wird. Wird diese Farbe über einen Token gesteuert, kann eine Änderung des Tokens sämtliche damit verknüpften Elemente im Design aktualisieren. Wenn kopierte Eigenschaften ihre Token-Referenzen behalten, folgen auch neu angepasste Komponenten weiterhin denselben Gestaltungsregeln. Das ist besonders bei Projekten mit mehreren Designern oder umfangreichen Komponentenbibliotheken von Vorteil. Die Verbesserung ersetzt zwar keine sorgfältige Organisation eines Designsystems, beseitigt aber eine häufige Ursache unbeabsichtigter Abweichungen. Zusammen mit der neuen Schriftartenvorschau und den überarbeiteten Zeichenwerkzeugen macht sie die Arbeit an detaillierten Benutzeroberflächen komfortabler, ohne dass Designer ihre gewohnten Arbeitsabläufe grundlegend ändern müssen.
Bessere Zusammenarbeit und Verwaltung von Designsystemen in Penpot 2.18
Penpot unterstützt bereits seit Längerem die gemeinsame Gestaltung von Benutzeroberflächen. Teams können mit geteilten Dateien, wiederverwendbaren Komponenten und interaktiven Prototypen arbeiten. Version 2.18 baut auf diesen vorhandenen Möglichkeiten auf, statt die Zusammenarbeit als völlig neue Funktion einzuführen. Eine der bemerkenswerten Verbesserungen betrifft Kommentare innerhalb des Designarbeitsbereichs. Designer können Rückmeldungen ansehen und verwalten, während sie gleichzeitig an ihren Layouts weiterarbeiten. Dadurch müssen sie seltener zwischen der Bearbeitung und der Überprüfung eines Entwurfs wechseln. Besonders bei Projekten, in denen Produktmanager, Entwickler und Designer regelmäßig dieselben Ansichten besprechen, ist das hilfreich. Wenn Kommentare direkt mit den entsprechenden Gestaltungselementen verbunden bleiben, lässt sich der Zusammenhang leichter nachvollziehen und schneller erkennen, welche Änderungen gewünscht sind.
Beispielsweise könnte ein Produktmanager bei der Überprüfung eines Registrierungsformulars vorschlagen, die Position einer Fehlermeldung zu verändern. Gleichzeitig könnte ein Entwickler darauf hinweisen, dass die Abstände zwischen den Formularfeldern problematisch sind. Solche Diskussionen sind besonders hilfreich, wenn die Kommentare unmittelbar mit dem jeweiligen Entwurf verknüpft bleiben. Penpot 2.18 behebt außerdem ein Problem bei der Tastaturbedienung, das zuvor beim Schreiben von Kommentaren auftreten konnte: Beim Drücken der Leertaste wurde unter Umständen das Hand-Werkzeug aktiviert, anstatt ein Leerzeichen in den Text einzufügen. Durch die Korrektur entfällt eine unnötige Unterbrechung des Arbeitsablaufs. Solche Fehlerbehebungen erhalten zwar meist weniger Aufmerksamkeit als umfangreiche neue Funktionen, können den Arbeitsalltag von Teams, die ihre Entwürfe regelmäßig gemeinsam prüfen, jedoch spürbar erleichtern.
Gemeinsam genutzte Komponenten bleiben ein zentraler Bestandteil einheitlicher Gestaltung, insbesondere bei größeren Projekten. Ein Designteam kann beispielsweise eine Komponentenbibliothek für Navigationsleisten, Schaltflächen, Formularfelder und Benachrichtigungen verwenden und diese Elemente in unterschiedlichen Ansichten wiederverwenden. Penpot unterstützt diesen Ansatz mit wiederverwendbaren Komponenten und gemeinsamen Bibliotheken. Design-Tokens sorgen zusätzlich dafür, dass auch einzelne visuelle Eigenschaften konsistent bleiben. Version 2.18 enthält Fehlerbehebungen im Zusammenhang mit der Synchronisierung von Komponenten und dem Layoutverhalten. Dadurch sollen gemeinsam verwendete Elemente zuverlässiger reagieren, wenn sich ihre zugrunde liegenden Eigenschaften ändern. Dennoch sollten Designer komplexe Layouts nach einer Aktualisierung der Bibliotheken überprüfen, insbesondere wenn Komponenten verschachtelte Elemente oder mehrere Varianten enthalten. Das Update verbessert die Zuverlässigkeit, macht die übliche Qualitätskontrolle aber nicht überflüssig.
Penpot Enterprise ergänzt Verwaltungsfunktionen für größere Teams
Eine wichtige Entwicklung im Zusammenhang mit Penpot 2.18 ist die Einführung von Penpot Enterprise. Diese kostenpflichtige Variante konzentriert sich auf die Verwaltung von Organisationen. Die grundlegenden Zeichen- und Prototyping-Werkzeuge des Editors werden dadurch nicht an ein Abonnement gebunden. Penpot stellt seine Open-Source-Funktionen weiterhin ohne Lizenzgebühren bereit, während Enterprise zusätzliche Kontrollmöglichkeiten für Unternehmen bietet, die zahlreiche Benutzer, Teams und Projekte verwalten. Diese Unterscheidung ist wichtig, da sich die Anforderungen selbstständiger Designer erheblich von denen großer Organisationen unterscheiden. Ein kleines Team benötigt möglicherweise lediglich gemeinsame Designdateien und gewöhnliche Benutzerberechtigungen. Ein Unternehmen mit mehreren Abteilungen muss dagegen häufig zentrale Regeln für Zugriffsrechte, Einladungen und administrative Aufgaben festlegen.
Penpot Enterprise führt eine eigene Administrationskonsole ein, über die berechtigte Administratoren unabhängige Organisationen verwalten und Richtlinien für deren Teams festlegen können. Zusätzlich wird Single Sign-on auf Organisationsebene über verschiedene Identitätsanbieter unterstützt, darunter allgemeine OpenID-Connect-Dienste, Microsoft Azure Active Directory und Google. Durch Single Sign-on können Mitarbeiter mit ihrem bestehenden Unternehmenskonto auf die Penpot-Ressourcen ihrer Organisation zugreifen. Das vereinfacht insbesondere dann die Benutzerverwaltung, wenn neue Beschäftigte hinzukommen, Mitarbeiter die Abteilung wechseln oder das Unternehmen verlassen. Statt für jedes einzelne Werkzeug vollständig getrennte Zugangslösungen zu verwalten, können Administratoren Penpot mit der vorhandenen Identitätsverwaltung verbinden und die Authentifizierung einheitlicher organisieren.
Erweiterte Berechtigungen stellen eine weitere wichtige Neuerung dar. Administratoren können Regeln festlegen, die bestimmen, wer Teams, Projekte und Dateien erstellen oder verwalten darf, wer zusätzliche Mitglieder einladen kann und welche Benutzer überhaupt Einladungen erhalten dürfen. Diese organisationsweiten Einschränkungen ergänzen die gewöhnlichen Benutzerrollen. Ein Unternehmen könnte beispielsweise Designern die Bearbeitung von Projektdateien erlauben, während die Einladung externer Mitarbeiter auf bestimmte Personen beschränkt bleibt. Solche Kontrollmöglichkeiten sind besonders für Agenturen mit vertraulichen Kundenprojekten oder Unternehmen mit verbindlichen internen Sicherheitsvorgaben interessant. Penpot Enterprise ist allerdings nicht für jeden Anwender erforderlich. Freiberufler, Studierende, kleine Designstudios und viele Produktteams können weiterhin mit der kostenlosen Version arbeiten. Die kostenpflichtige Variante richtet sich damit vor allem an Organisationen, die umfangreichere Verwaltungs- und Kontrollfunktionen benötigen.
Was Penpot 2.18 im Jahr 2026 für UI-Designer und Entwickler bedeutet
Eine wesentliche Stärke von Penpot besteht darin, Interface-Design, Prototyping und entwicklerorientierte Arbeitsabläufe in einer quelloffenen Anwendung miteinander zu verbinden. Designer können Ansichten erstellen, wiederverwendbare Gestaltungselemente organisieren und interaktive Abläufe entwickeln. Entwickler wiederum können Designeigenschaften einsehen und mit Elementen arbeiten, die für die spätere technische Umsetzung vorgesehen sind. Der Editor verwendet verbreitete Webtechnologien und unterstützt gängige Formate wie SVG. Dadurch eignet er sich besonders für Teams, die Websites und Webanwendungen entwickeln. Penpot 2.18 stärkt diesen bestehenden Ansatz durch praktische Verbesserungen, ohne den gesamten Designprozess neu gestalten zu wollen. Die erweiterten Zeichenwerkzeuge erleichtern die visuelle Ausarbeitung, während die zuverlässigere Verarbeitung von Tokens und Komponenten den Übergang von einzelnen Entwürfen zu einem konsistenten digitalen Produkt unterstützt.
Das Update umfasst außerdem Wartungsarbeiten an der WebGL-Rendering-Engine, an Plugins und an der Integration des Model Context Protocol (MCP). WebGL ist insbesondere deshalb relevant, weil diese Rendering-Technologie neuere visuelle Funktionen ermöglicht, darunter auch die mit Version 2.18 eingeführte Konturumwandlung. Penpot entwickelt die entsprechende Engine weiter, um anspruchsvolle Designdateien und komplexere visuelle Effekte besser verarbeiten zu können. Die MCP-Integration wiederum bietet kompatiblen KI-gestützten Entwicklungswerkzeugen die Möglichkeit, über eine definierte Verbindung mit Penpot zu kommunizieren. Version 2.18 behebt unter anderem Probleme mit Verbindungen, wenn Browser-Tabs inaktiv sind, und enthält weitere Verbesserungen der Zuverlässigkeit. Solche Anpassungen sind besonders für Teams interessant, die mit vernetzten Design- und Entwicklungsabläufen experimentieren. Für die herkömmliche Gestaltung von Benutzeroberflächen bleibt MCP jedoch optional.
Das Open-Source-Modell von Penpot ermöglicht Unternehmen außerdem die Wahl zwischen dem gehosteten Dienst und einer selbst betriebenen Installation. Eine solche Eigeninstallation kann für Organisationen interessant sein, die mehr Kontrolle über ihre technische Infrastruktur, Datenspeicherung und Wartung wünschen. Gleichzeitig entstehen dadurch zusätzliche Aufgaben, die bei einem gehosteten Dienst weitgehend vom Anbieter übernommen werden. Teams, die ihre eigene Installation betreiben, müssen sich unter anderem um Softwareaktualisierungen, Datensicherungen, Zugriffsverwaltung und Serversicherheit kümmern. Die Verfügbarkeit des Quellcodes bedeutet nicht automatisch, dass eine Installation sicher ist oder ohne Wartung auskommt. Bei der Bewertung von Penpot im Jahr 2026 stellt sich deshalb nicht nur die Frage, ob der Editor alle benötigten Funktionen bietet. Ebenso wichtig ist, welche Betriebsform zu den technischen Möglichkeiten und Anforderungen der jeweiligen Organisation passt.
Praktische Vorteile, Einschränkungen und die Wahl des passenden Arbeitsablaufs
Der Nutzen von Penpot 2.18 lässt sich am besten anhand einer realistischen Designaufgabe beurteilen. Ein Beispiel wäre ein kleines Team, das eine Online-Buchungsanwendung entwickelt. Zunächst erstellt ein Designer mehrere Ansichten für die Suche, Auswahl und Bestätigung von Reservierungen. Die eigenständigen Linien- und Pfeilwerkzeuge helfen dabei, Navigationsabläufe darzustellen. Die Umwandlung von Konturen in Vektorpfade bietet zusätzliche Flexibilität bei der Verfeinerung individueller Icons. Dank der Schriftartenvorschau lassen sich geeignete Schriften schneller eingrenzen, während gemeinsame Design-Tokens für einheitliche Farben und Abstände zwischen den verschiedenen Ansichten sorgen. Sobald der erste Entwurf fertiggestellt ist, können Kollegen ihn mithilfe von Kommentaren überprüfen. Parallel dazu können Entwickler die relevanten Eigenschaften einsehen und mit der Umsetzung der entsprechenden Anwendungskomponenten beginnen.
Einige Einschränkungen sollten dennoch berücksichtigt werden. „Outline Stroke“ setzt WebGL-Rendering voraus. Außerdem verändert die Umwandlung einer Kontur in eine Vektorform die Möglichkeiten, das entstandene Element anschließend zu bearbeiten. Designer sollten daher eine Kopie des ursprünglichen Objekts aufbewahren, wenn sie später möglicherweise die Konturstärke oder andere spezifische Kontureigenschaften ändern möchten. Auch wiederverwendbare Komponenten und Design-Tokens entfalten ihren Nutzen nur dann vollständig, wenn ein Team verständliche Benennungsregeln festlegt und seine Bibliotheken regelmäßig pflegt. Penpot löst widersprüchliche Gestaltungsentscheidungen nicht automatisch und garantiert auch nicht, dass jeder Entwurf ohne Anpassungen in funktionierenden Programmcode übertragen werden kann. Teams, die von einem anderen Designeditor wechseln, sollten deshalb Importe, Schriftarten, Prototypen und komplexe Komponenten testen, bevor sie ein wichtiges Projekt vollständig übertragen. Die Unterstützung eines Dateiformats bedeutet nicht zwangsläufig, dass sich nach der Migration sämtliche Details identisch verhalten.
Für bestehende Penpot-Nutzer bringt Version 2.18 sinnvolle Verbesserungen bei vertrauten Aufgaben. Besonders die Vektorbearbeitung, die Auswahl von Schriftarten und der zuverlässigere Erhalt von Designsystem-Verknüpfungen profitieren von den Änderungen. Neue Anwender könnten vor allem die Kombination aus kostenlosem Zugang, offenem Quellcode, gemeinsamer Bearbeitung und entwicklerfreundlichen Funktionen interessant finden. Das gilt insbesondere dann, wenn die Kontrolle über die eingesetzte Software und flexible Nutzungsmöglichkeiten eine wichtige Rolle spielen. Größere Unternehmen können zusätzlich Penpot Enterprise in Betracht ziehen, sofern eine zentrale Identitätsverwaltung und organisationsweite Berechtigungen erforderlich sind. Die Veröffentlichung vom September 2026 lässt sich am besten als schrittweise, aber durchaus bedeutsame Weiterentwicklung verstehen und nicht als vollständige Neugestaltung des Editors. Ihr praktischer Wert liegt darin, kleinere Hindernisse bei alltäglichen Aufgaben zu beseitigen und Teams zuverlässigere Möglichkeiten zu geben, Benutzeroberflächen zu erstellen, gemeinsam zu überprüfen und langfristig konsistent weiterzuentwickeln.
