Penpot
Open-sourceplatform voor interfaceontwerp, prototyping en designsystemen, met code-inspectie en een MCP-server.
Penpot is een open-sourceplatform voor ontwerp waarmee teams interfaces tekenen, interactieve prototypes bouwen en designsystemen onderhouden. Penpot draait als gehoste clouddienst of op je eigen server, beschrijft lay-outs met CSS Grid en Flex en biedt een MCP-server, zodat AI-agents naast ontwerpers en ontwikkelaars ontwerpen kunnen lezen en maken.
Geschikt voor Productteams die willen dat ontwerpers en ontwikkelaars in één open-sourcetool werken, vooral teams die zelf willen hosten of designtokens nodig hebben.
- Te vinden in
- UI- en UX-ontwerpGrafisch ontwerp
- Platforms
- Web, API, MCP, Plugin
- Prijsmodel
- Freemium
- Vanafprijs
- $ 7 per maand Unlimited-abonnement, per editor, met een maximum van $ 175 per maand. Het Professional-abonnement is gratis.
- Gratis abonnement
- Ja
- Gratis proefperiode
- Ja
- API
- Ja
- Gemaakt door
- Kaleidos
- Toegevoegd
Laatst gecontroleerd: . Informatie overgenomen van penpot.app.
Wat is Penpot?
Penpot is een open-sourceplatform voor ontwerp, bedoeld voor teams die digitale producten bouwen. Ontwerpers gebruiken het voor wireframes, responsieve interfacelay-outs en klikbare prototypes, met lay-outregels die CSS Grid en Flexbox volgen in plaats van een eigen model. Voor grotere organisaties ondersteunt het designsystemen via herbruikbare componenten, gedeelde bibliotheken en designtokens die deel uitmaken van het product zelf. Ontwikkelaars kunnen een ontwerp inspecteren en er code uit halen in open formaten als CSS, HTML, SVG en JSON, en ook de bestanden worden in een open formaat opgeslagen. Penpot koppelt bovendien met AI-tooling: via een MCP-server werken agents en taalmodellen binnen een bestand, ook voor conversies van code naar ontwerp en omgekeerd. Het wordt aangeboden als clouddienst en als zelf te hosten installatie en kan met plug-ins worden uitgebreid.
Belangrijkste functies
Interfaceontwerp
Bouwt responsieve schermen en wireframes met op regels gebaseerde lay-outs via CSS Grid en Flex.
Interactieve prototypes
Koppelt schermen aan klikbare flows, zodat een team een idee kan testen voordat er code is geschreven.
Designsystemen
Beheert componenten, gedeelde bibliotheken en ingebouwde designtokens voor consistent werk over veel bestanden heen.
Code-inspectie
Toont ontwikkelaars de markup en stijlen die bij het ontwerp horen, in CSS, HTML, SVG en JSON.
AI-workflows via MCP
Opent bestanden voor agents en taalmodellen via een MCP-server, om code in ontwerpen om te zetten, ontwerpen in code en het ene ontwerp in het andere.
Zelf hosten
Kan op je eigen infrastructuur worden geïnstalleerd in plaats van in de gehoste cloud, met een eigen private server als betaalde optie.
Screenshots
Toepassingen
- Een webapplicatie ontwerpen
- Werk schermen uit met dezelfde grid- en flexregels die de frontend gaat gebruiken.
- Overdracht aan ontwikkelaars
- Laat engineers het ontwerp openen, marges inspecteren en stijlen kopiëren, zonder aparte exportstap.
- Een designsysteem onderhouden
- Houd tokens, componenten en bibliotheken op één plek en hergebruik ze in alle teams.
- Ontwerpdata in eigen beheer houden
- Draai de tool op bedrijfsservers wanneer bestanden binnen je eigen netwerk moeten blijven.
- Ontwerpen met hulp van agents
- Koppel een AI-agent via de MCP-server om lay-outs te genereren of aan te passen op basis van code of prompts.
Prijzen
Professional
Gratis
per gebruiker per maand, gratis
- Volledige ontwerptoolset
- Geen bestandslimieten
- Onbeperkt aantal teams
Unlimited
$ 7
per redacteur per maand, maximaal $ 175 per maand, ongeacht de teamgrootte
- Extra opslag
- Uitgebreide versiegeschiedenis
- Vroege toegang tot functies
Enterprise
$ 25
per lid per maand
- Geavanceerd beheer
- Gecentraliseerde administratie
- Teamrechten
Private Server
$ 50.000
per jaar, vermeld als $ 50.000 per jaar
- Eigen infrastructuur
- Hosting op maat
- Support op enterpriseniveau
Prijzen zoals vermeld in de tekst van de officiële prijspagina, waarin staat dat alle prijzen in USD zijn. Cloudabonnementen worden per maand getoond. De optie Private Server wordt per jaar geoffreerd. Korting voor non-profitorganisaties, onderwijs en open-sourceprojecten is op aanvraag beschikbaar. Gecontroleerd op 9 okt 2026 via penpot.app.
Goed om te weten
- Prijzen staan in USD
- De prijspagina vermeldt uitdrukkelijk dat alle genoemde prijzen in Amerikaanse dollars zijn.
- Betaalde cloudabonnementen hebben een proefperiode
- De prijspagina biedt een gratis proefperiode van 14 dagen voor betaalde abonnementen.
- Korting op aanvraag
- Non-profitorganisaties, onderwijsinstellingen en open-sourceorganisaties kunnen een lagere prijs aanvragen.
- Cloud en zelf hosten hebben aparte prijzen
- De prijspagina schakelt tussen een weergave voor de gehoste dienst en een voor installaties die je zelf draait.
Veelgestelde vragen
Wat is Penpot?
Penpot is een open-sourceplatform voor interfaceontwerp, prototyping en designsystemen, dat ontwerpers en ontwikkelaars samen gebruiken.
Waarvoor wordt Penpot gebruikt?
Penpot wordt gebruikt om wireframes, UI-lay-outs en interactieve prototypes te maken, designsystemen te beheren en ontwerpen als te inspecteren code aan ontwikkelaars over te dragen.
Is Penpot gratis?
Ja. Het cloudabonnement Professional van Penpot kost $ 0 per gebruiker per maand en wordt op de prijspagina beschreven als volledig uitgerust. De software zelf is open source.
Wat kost Penpot?
Op de prijspagina van Penpot staan Professional voor $ 0, Unlimited voor $ 7 per editor per maand met een maximum van $ 175 per maand, Enterprise voor $ 25 per lid per maand en een Private Server voor $ 50.000 per jaar, allemaal in USD.
Kun je Penpot zelf hosten?
Ja. Penpot biedt een zelfgehoste installatie als alternatief voor de clouddienst en de prijspagina heeft aparte weergaven voor cloud en zelf hosten.
Werkt Penpot met AI-agents?
Ja. Penpot biedt een open MCP-server, zodat agents en taalmodellen met ontwerpbestanden kunnen werken.
Wie maakt Penpot?
Op de website van Penpot staat het copyright van Kaleidos (KALEIDOS Subsidiary SL).
Heeft Penpot een API en plug-ins?
Ja. De website van Penpot heeft een onderdeel Integration & API en een plug-incatalogus om de tool uit te breiden.
Voor wie
- Productontwerpers
- Frontendontwikkelaars
- Teams voor designsystemen
- Open-sourceprojecten
- Enterprises
Gebruikt in deze gidsen
- Een app-interface ontwerpen met AI: onderzoek, schermen, prototype, codeFase 3: UI-schermen
- Een app-interface ontwerpen met AI: onderzoek, schermen, prototype, codeFase 6: Design naar code en overdracht
Elke gids zet de fasen van één klus op een rij, met de tools die je in elke fase helpen. Alle gidsen
Reacties
Nog geen reacties. Heb je Penpot gebruikt? Vertel andere lezers hoe het ging.
Alternatieven voor Penpot
| Tool | Gratis abonnement | Vanafprijs | API |
|---|---|---|---|
| Ja | — | Ja | |
| Ja | — | — | |
GrainientBibliotheek met korrelige, zachte en geanimeerde verlopen plus door AI gegenereerde achtergronden, met een shadertool in realtime. |
— | — | — |
| — | $ 49/mnd | Ja | |
| Ja | — | — |
Staan in dezelfde categorieën als Penpot. Een vanafprijs staat er alleen als we die op de prijspagina van de maker hebben gecontroleerd; een streepje betekent niet gecontroleerd of niet gepubliceerd. Alle tools in de categorie UI- en UX-ontwerp