# 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. **Best for:** Produktteams, die Designer und Entwickler in einem Open-Source-Tool zusammenbringen wollen, vor allem wenn sie Self-Hosting oder Design Tokens brauchen. - Official site: https://penpot.app - Listed in: [UI- und UX-Design](https://trendhub.net/de/ai-tools/category/ui-ux-design), [Grafikdesign](https://trendhub.net/de/ai-tools/category/graphic-design) - Last checked: 2026-10-09 (facts taken from penpot.app) - Source page: https://trendhub.net/de/ai-tools/penpot-open-source-design-prototyping-tool ## Key facts - Platforms: Web, API, MCP, Plugin - Pricing model: Freemium - Starting price: 7 $ pro Monat (Tarif Unlimited, pro Editor; Gesamtbetrag auf 175 $ pro Monat begrenzt. Der Tarif Professional ist kostenlos.) - Free plan: Yes - Free trial: Yes - API: Yes - Made by: Kaleidos ## 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. ## Key features - **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. ## Use cases - **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. ## Pricing | Plan | Price | Billing | Includes | | --- | --- | --- | --- | | Professional | Free | per user per month, free | Voller Designumfang; Keine Dateilimits; Unbegrenzt viele Teams | | Unlimited | 7 $ | per editor per month, capped at $175 per month regardless of team size | Zusätzlicher Speicher; Erweiterter Versionsverlauf; Früher Zugang zu Funktionen | | Enterprise | 25 $ | per member per month | Erweiterte Governance; Zentrale Verwaltung; Team-Berechtigungen | | Private Server | 50.000 $ | per year, listed as $50k per year | 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. Checked 2026-10-09 at https://penpot.app/pricing ## Things to know - **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. ## FAQs ### 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. --- Source: https://trendhub.net/de/ai-tools/penpot-open-source-design-prototyping-tool (trendhub)