Prompts
DE

Penpot

Open-Source-Designplattform für Interface-Design, Prototyping und Design Systems, mit Code-Inspektion und MCP-Server.

Penpot ist eine Open-Source-Designplattform, auf der Teams Oberflächen entwerfen, interaktive Prototypen bauen und Design Systems pflegen. Penpot läuft als gehosteter Cloud-Dienst oder auf dem eigenen Server, beschreibt Layouts mit CSS Grid und Flex und stellt einen MCP-Server bereit, damit KI-Agenten Designs neben Designern und Entwicklern lesen und erstellen können.

Am besten geeignet für Produktteams, die Designer und Entwickler in einem Open-Source-Tool zusammenbringen wollen, vor allem wenn sie Self-Hosting oder Design Tokens brauchen.

Startseite der Website von Penpot
Screenshot von penpot.app, aufgenommen am 9. Okt 2026
Zu finden in
UI- und UX-DesignGrafikdesign
Plattformen
Web, API, MCP, Plugin
Preismodell
Freemium
Einstiegspreis
7 $ pro Monat Tarif Unlimited, pro Editor; Gesamtbetrag auf 175 $ pro Monat begrenzt. Der Tarif Professional ist kostenlos.
Kostenloser Tarif
Ja
Kostenlose Testphase
Ja
API
Ja
Anbieter
Kaleidos
Hinzugefügt

Zuletzt geprüft: . Die Angaben stammen von penpot.app.

Was ist Penpot?

Penpot ist eine Open-Source-Designplattform für Teams, die digitale Produkte bauen. Designer nutzen sie für Wireframes, responsive Interface-Layouts und anklickbare Prototypen, wobei die Layoutregeln CSS Grid und Flexbox folgen und kein proprietäres Modell verwenden. Für größere Organisationen unterstützt sie Design Systems über wiederverwendbare Komponenten, geteilte Bibliotheken und Design Tokens, die fester Bestandteil des Produkts sind. Entwickler können ein Design prüfen und daraus Code in offenen Formaten wie CSS, HTML, SVG und JSON übernehmen; auch die Dateien selbst liegen in einem offenen Format vor. Penpot ist außerdem an KI-Werkzeuge angebunden: Ein MCP-Server lässt Agenten und Sprachmodelle in einer Datei arbeiten, einschließlich Umwandlungen zwischen Code und Design in beide Richtungen. Das Produkt gibt es als Cloud-Dienst und als selbst gehostete Installation, und es lässt sich mit Plugins erweitern.

Wichtigste Funktionen

Interface-Design

Erstellt responsive Screens und Wireframes mit regelbasierten Layouts auf Basis von CSS Grid und Flex.

Interaktive Prototypen

Verknüpft Screens zu anklickbaren Abläufen, damit ein Team eine Idee testen kann, bevor Code geschrieben wird.

Design Systems

Verwaltet Komponenten, geteilte Bibliotheken und integrierte Design Tokens für konsistente Arbeit über viele Dateien hinweg.

Code-Inspektion

Zeigt Entwicklern Markup und Styles, die zum Design passen, in CSS, HTML, SVG und JSON.

KI-Workflows über MCP

Öffnet Dateien für Agenten und Sprachmodelle über einen MCP-Server, um Code in Designs, Designs in Code und ein Design in ein anderes umzuwandeln.

Self-Hosting

Lässt sich statt in der gehosteten Cloud auf der eigenen Infrastruktur installieren; ein dedizierter Private Server wird als kostenpflichtige Option angeboten.

Anwendungsfälle

Eine Webanwendung gestalten
Screens mit denselben Grid- und Flex-Regeln anlegen, die auch das Frontend verwendet.
Übergabe an Entwickler
Entwickler öffnen das Design, prüfen Abstände und kopieren Styles, ohne dass ein separater Export nötig ist.
Ein Design System pflegen
Tokens, Komponenten und Bibliotheken an einem Ort halten und teamübergreifend wiederverwenden.
Designdaten im eigenen Haus halten
Das Tool auf Firmenservern betreiben, wenn Dateien im eigenen Netzwerk bleiben müssen.
Design mit Agenten-Unterstützung
Einen KI-Agenten über den MCP-Server anbinden, um Layouts aus Code oder Prompts zu erzeugen oder anzupassen.

Preise

Professional

Kostenlos

pro Nutzer pro Monat, kostenlos

  • Voller Designumfang
  • Keine Dateilimits
  • Unbegrenzt viele Teams

Unlimited

7 $

pro Editor pro Monat, höchstens 175 $ pro Monat, unabhängig von der Teamgröße

  • Zusätzlicher Speicher
  • Erweiterter Versionsverlauf
  • Früher Zugang zu Funktionen

Enterprise

25 $

pro Mitglied pro Monat

  • Erweiterte Governance
  • Zentrale Verwaltung
  • Team-Berechtigungen

Private Server

50.000 $

pro Jahr, angegeben mit 50.000 $ pro Jahr

  • Dedizierte Infrastruktur
  • Individuelles Hosting
  • Support auf Enterprise-Niveau

Preise wie im Text der offiziellen Preisseite angegeben, die erklärt, dass alle Preise in USD gelten. Cloud-Tarife werden pro Monat gezeigt; die Option Private Server wird pro Jahr angeboten. Rabatte für gemeinnützige Organisationen, Bildung und Open-Source-Projekte sind auf Antrag möglich. Geprüft am 9. Okt 2026 auf penpot.app.

Aktuelle Preise auf penpot.app ansehen

Gut zu wissen

Preise in US-Dollar
Die Preisseite weist ausdrücklich darauf hin, dass alle genannten Preise in US-Dollar angegeben sind.
Kostenpflichtige Cloud-Tarife mit Testphase
Die Preisseite bietet für kostenpflichtige Tarife eine kostenlose Testphase von 14 Tagen.
Rabatte auf Antrag
Gemeinnützige Organisationen, Bildungseinrichtungen und Open-Source-Organisationen können ermäßigte Preise beantragen.
Cloud und Self-Hosting werden getrennt berechnet
Die Preisseite wechselt zwischen einer Ansicht für den gehosteten Dienst und einer für Installationen, die du selbst betreibst.

Häufige Fragen

Was ist Penpot?

Penpot ist eine Open-Source-Designplattform für Interface-Design, Prototyping und Design Systems, die Designer und Entwickler gemeinsam nutzen.

Wofür wird Penpot verwendet?

Mit Penpot entstehen Wireframes, UI-Layouts und interaktive Prototypen, außerdem lassen sich Design Systems verwalten und Designs als prüfbarer Code an Entwickler übergeben.

Ist Penpot kostenlos?

Ja. Der Cloud-Tarif Professional von Penpot kostet 0 $ pro Nutzer und Monat und wird auf der Preisseite als voll ausgestattet beschrieben; die Software selbst ist Open Source.

Wie viel kostet Penpot?

Auf der Preisseite von Penpot stehen Professional für 0 $, Unlimited für 7 $ pro Editor und Monat mit einer monatlichen Obergrenze von 175 $, Enterprise für 25 $ pro Mitglied und Monat und ein Private Server für 50.000 $ pro Jahr, alles in US-Dollar.

Lässt sich Penpot selbst hosten?

Ja. Penpot bietet eine Self-Host-Installation als Alternative zum Cloud-Dienst an, und die Preisseite hat getrennte Ansichten für Cloud und Self-Hosting.

Funktioniert Penpot mit KI-Agenten?

Ja. Penpot stellt einen offenen MCP-Server bereit, damit Agenten und Sprachmodelle mit Designdateien arbeiten können.

Wer steckt hinter Penpot?

Auf der Website von Penpot steht das Copyright von Kaleidos (KALEIDOS Subsidiary SL).

Hat Penpot eine API und Plugins?

Ja. Die Website von Penpot hat einen Bereich Integration & API und ein Verzeichnis mit Plugins, mit denen sich das Tool erweitern lässt.

Für wen es sich eignet

  • Produktdesigner
  • Frontend-Entwickler
  • Design-System-Teams
  • Open-Source-Projekte
  • Unternehmen

Schlagwörteropen sourceprototypingdesign tokensself-hostingMCP

In diesen Guides im Einsatz

Jeder Guide nennt die Phasen eines Vorhabens und die Tools, die in der jeweiligen Phase helfen. Alle Guides

Kommentare

Noch keine Kommentare. Hast du Penpot schon genutzt? Erzähl den anderen, wie es lief.

Kommentar schreiben

Kommentare werden vor der Veröffentlichung geprüft. Links werden als Nutzerinhalt gekennzeichnet.

Alternativen zu Penpot

ToolKostenloser TarifEinstiegspreisAPI
MasterGoKollaborative Online-Plattform für Oberflächendesign mit KI-Erzeugung von Prototypen und Übergabe von Design an Code.
 Ja — Ja
BananiKI-Tool fürs UI-Design, das aus Prompts, Screenshots oder Figma-Links bearbeitbare Prototypen mit mehreren Screens erstellt.
 Ja — —
GrainientBibliothek mit körnigen, weichen und animierten Verläufen sowie KI-generierten Hintergründen, dazu ein Shader-Tool in Echtzeit.
 — — —
BannerbearAPI, die aus wiederverwendbaren Designvorlagen automatisch Bilder, PDFs, Animationen und Videos erzeugt.
 — 49 $/Monat Ja
GetLayersBibliothek mit Website-Vorlagen, 3D-Szenen, Sektionen und Verläufen, die als Prompts für KI-Coding-Tools bereitstehen.
 Ja — —

Aus denselben Kategorien wie Penpot. Ein Einstiegspreis steht nur dort, wo wir ihn auf der Preisseite des Anbieters geprüft haben. Ein Strich bedeutet: nicht geprüft oder nicht veröffentlicht. Alle Tools in UI- und UX-Design