Penpot
Open-source design platform where designers, developers and AI agents work from CSS Grid and Flex layouts in one file
Penpot is the strongest open-source answer to Figma for teams whose handoff runs through code. Real CSS Grid and Flex layouts, native design tokens, inspect output in CSS/HTML/SVG/JSON and an open file format remove most redline ping-pong. The open MCP server is the differentiator worth piloting — it puts agents in the same file your humans use. The 2.18 Enterprise plan ($25/member/month) adds the governance larger organisations ask for. Pass if you live in a deep plugin marketplace or sell motion-heavy prototypes; choose Figma there.
Verified 2d ago · liveness 83/100 · cite: rightaichoice.com/tools/penpot
- Design-engineering teams that think in CSS and want handoff output matching shipped code
- Organisations with data residency or sovereignty requirements needing self-hosting or a chosen hosting region
- Teams scaling past per-seat pricing — Unlimited caps at $175 per month regardless of team size
- Product teams already using LLMs or agents and wanting them inside the design loop via MCP
- Designers who depend on a deep third-party plugin ecosystem
- Teams whose primary deliverable is motion-heavy, animation-first prototyping
- Organisations with no one available to run and maintain self-hosted infrastructure
We scan live Reddit threads, YouTube comments, X posts, G2 reviews and other communities — and hand you an honest verdict in under a minute.
- Honest verdict, not marketing
- Real pros & cons from real users
- Attributed quotes with receipts
3 free scans · no card needed
Skip Penpot if your team's output depends on a large third-party plugin marketplace or on choreographed, animation-heavy prototypes, where Figma still has the deeper tooling.
The free Professional tier stops at 8 team members, so the ninth editor pushes you onto Unlimited at $7/editor/month — though that plan is capped at $175 per month.
Competitive at every size: $0/user/month for up to 8 team members with unlimited viewers, then $7/editor/month capped at $175 per month no matter how many editors you add, and $25/member/month for Enterprise governance. Compare that with per-seat design tools that bill every editor in full each month — the cap is what makes Penpot cheap for large teams. Private Server at $50k/year is a dedicated-infrastructure purchase.
In short
Penpot — Open-source design platform where designers, developers and AI agents work from CSS Grid and Flex layouts in one file. Best for Design-engineering teams that think in CSS and want handoff output matching shipped code, Organisations with data residency or sovereignty requirements needing self-hosting or a chosen hosting region, Teams scaling past per-seat pricing — Unlimited caps at $175 per month regardless of team size. Free to start; paid plans from $7/user/mo.
What's new in Penpot
Checked 2 days agoAcross the latest 1 update: 1 launch.
What people actually say about Penpot — is it worth it?
We ran a structured research pass across product reviews, community discussions, and post-purchase forum threads to surface the patterns vendors won't publish themselves. Below: the recurring strengths, the hidden costs people mention most, and the cohort that consistently regrets adopting this tool.
24 mentions across 5 sources (Hacker News, YouTube, Product Hunt, GitHub, Lemmy), 50 more we could not attribute · researched Oct 16, 2026.
Weighted by the 74 posts each of 5 sources contributed.
- +Real CSS Grid and Flexbox layouts make design-to-code handoff line up honestly
- +Open file format and self-hosting eliminate Figma-style vendor lock-in
- +MCP server lets any LLM plug into code-to-design and design-to-design loops
- +Generous free tier attracts teams fleeing Figma's paid Dev Mode
- +Figma-like UI shortens the learning curve for migrating designers
- −Self-hosting regularly produces 401 auth errors and setup friction
- −Animation depth and plugin breadth still trail Figma significantly
- −Historical renderer jitter on zoom/pan soured some early impressions
- −Component/variants maturity arrived later than competitors, some users waited
- −Rough edges on owned properties — blog UX and SVG export flagged by users
- • Self-hosting requires your own infrastructure, backup, and ops time — plus troubleshooting 401 auth errors users report
- • Migration cost from Figma: rebuilding libraries, components, and tokens isn't free even when the tool is
- • Enterprise SSO/compliance features live behind a paid tier
Viability Score
How well maintained and how widely used is Penpot? Built from what the vendor actually publishes (docs, changelog, tutorials, integrations, pricing), whether the site is live, and how much real users discuss it. How we calculate this
Last calculated: October 2026
How we score →Key Features
- UI design with wireframes and interactive prototyping
- CSS Grid and Flex layouts for responsive, rules-based interfaces
- Native design tokens with typography tokens, token autocomplete and color picker list view
- Design components and shared libraries for design systems
- Code inspect and export in CSS, HTML, SVG and JSON
- Open Penpot file format with no vendor lock-in
- Open MCP server connecting any agent, any LLM and any AI tooling
- AI workflows across code-to-design, design-to-code and design-to-design loops
- Cloud hosting with a choice of hosting region, or self-hosted deployment
- WebGL render engine
- Stroke-to-path conversion on the WebGL renderer (2.18)
- Line and arrow drawing tools contributed by the community (2.18)
- Shape and free-draw tool flyouts in the toolbar (2.18)
- Font family previews in the font selector (2.18)
- Background blur, glassmorphism effects and dashed strokes with dash/gap inputs (2.17)
About Penpot
Penpot is an open-source design platform built on web standards rather than a proprietary layout engine. You design responsive, rules-based interfaces with actual CSS Grid and Flex layouts, so the file you hand off and the code that ships agree on how things wrap, align and scale. Wireframing, interactive prototyping, design components, shared libraries and native design tokens (including typography tokens, token autocomplete and a color picker list view) are built in. Code inspect exports CSS, HTML, SVG and JSON, and the Penpot file format itself is open. The AI front is the newer one: Penpot runs an open MCP server so any agent, any LLM and any AI tooling can plug into the core across code-to-design, design-to-code and design-to-design loops. Release 2.18 (September 9, 2026) added stroke-to-path on the WebGL renderer, shape and free-draw tool flyouts, line and arrow tools from a community contributor, and font family previews in the font selector. Release 2.17 brought background blur and dashed strokes with dash and gap inputs. Deployment is your choice — Penpot hosts on the cloud with a choice of hosting region, or you self-host on your own infrastructure. Pricing starts at $0/user/month for the Professional tier (up to 8 team members plus unlimited viewers, 10GB storage, 7 days of version history), $7/editor/month on Unlimited capped at $175 per month regardless of team size, $25/member/month for the Enterprise plan introduced in 2.18, and $50k/year for Private Server. The obvious comparison is Figma: the split is open code handoff and hosting sovereignty versus plugin breadth and animation depth.
Behind the Verdict
Penpot's core argument is that a design file should be readable by the people who ship the code. Instead of an abstract layout model that a plugin later translates, you build with CSS Grid and Flexbox primitives, so wrapping and alignment behave the way the browser will render them. Export runs on open standards — CSS, HTML, SVG, JSON — and the Penpot file format is itself open, which matters if you have ever had to negotiate with a vendor to get your own design files out. The design-system tooling is genuinely built in rather than bolted on: design components, shared libraries, and native design tokens covering typography tokens, token autocomplete and a color picker list view. For a team maintaining one system across several product squads, that is the part that compounds. The AI story is where Penpot is placing its 2026 bets. Its open MCP server lets any agent, any LLM and any AI tooling connect to the core across code-to-design, design-to-code and design-to-design loops. That is a real architectural commitment, not a chat sidebar — but it is early, and you should pilot it against your own pipeline before standardising on it. Where Penpot is weaker: the community plugin and library ecosystem is smaller than Figma's, so a specific plugin equivalent may simply not exist. Motion design and choreographed prototyping are basic. Self-hosting is genuinely supported but assumes someone can run infrastructure and handle updates. On money, the shape of the plans rewards headcount. Professional is $0/user/month with no missing tools but caps at 8 team members plus unlimited viewers and 10GB of storage, with 7 days of autosaved versions and file recovery. Unlimited is $7/editor/month and capped at $175 per month no matter how large the team, with 25GB storage and 30 days of versions and recovery — past roughly 25 editors the cap is the whole point. Enterprise, introduced in 2.18 at $25/member/month, is where SSO with your choice of identity provider, team permissions, IP whitelisting, choice of hosting region and 90 days of version history live. Private Server at $50k/year is dedicated infrastructure with custom hosting. Non-profit, education and open-source discounts are published on the pricing page. The honest framing: pick Penpot if your handoff is code and your priorities include hosting sovereignty or avoiding file lock-in. Pick Figma if plugin breadth and animation depth are load-bearing for how your team actually works.
Researching Penpot? Get your full AI stack in 60 seconds.
Free, no signup — tell us your goal and get tools matched to your budget & existing stack.
Real-world workflow fit
Concrete scenarios for the personas Penpot actually fits — and what changes day-one when you adopt it.
You move the component library onto native design tokens and shared libraries, build layouts in CSS Grid and Flex, and hand developers inspect output in CSS and JSON instead of annotated screenshots.
Outcome: Developers copy values that match the browser render, so fewer redlines and fewer 'that's not what the design said' tickets.
You self-host Penpot on your own infrastructure, keep the open file format, and wire the MCP server into your internal agent tooling for design-to-code generation.
Outcome: Design files stay inside your infrastructure while agents read and write to the same file designers use.
You pilot Penpot's MCP server on one component set, testing code-to-design and design-to-design loops against your existing LLM pipeline before rolling it out.
Outcome: A measured read on whether agent-driven design fits your process, taken on your own stack rather than a vendor demo.
Use Cases
- Designing responsive interfaces directly in CSS Grid and Flexbox so design and shipped code agree
- Maintaining a design system with native tokens and shared libraries across product teams
- Automating design-to-code handoff by exporting CSS, HTML, SVG and JSON that match the live file
- Wiring AI agents into code-to-design and design-to-code loops via the Penpot MCP server
- Self-hosting the whole design platform to satisfy data residency or sovereignty requirements
- Running collaborative UI design sessions with developers and stakeholders in the same file
Models Under the Hood
as of 2026-10-16
Limitations
- The community plugin and library ecosystem is smaller than Figma's, so a specific plugin equivalent may not exist.
- Motion design and advanced prototyping are basic — Penpot is not built for choreographed interaction demos.
- AI workflows through the MCP server are early-stage; pilot them on your own pipeline before standardising.
- Self-hosting is genuinely supported but assumes someone can run infrastructure and handle updates.
- On the plans, the free Professional tier covers up to 8 team members plus unlimited viewers, 10GB of storage and 7 days of autosaved versions and file recovery; 30 days sits on Unlimited ($7/editor/month, capped at $175 per month) and 90 days only on Enterprise ($25/member/month) or Private Server ($50k/year).
- SSO, IP whitelisting and choice of hosting region are Enterprise features, so a team that needs SSO cannot stay on the free or Unlimited plans.
as of 2026-10-20
Verification history
We have re-verified Penpot 19 times since . Each pass re-reads the vendor's own pages and re-checks every listed field against that evidence; passes where nothing had changed are marked as such.
- — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
- — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
- — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
- — re-checked, vendor evidence unchanged
- — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
- — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
Showing the 6 most recent of 19 verification passes.
Free to cite with attribution — this page re-verifies continuously.
12-month cost
Project the real annual outlay, including the implied monthly cost when only an annual tier is published.
Vendor list price only. Add-on usage, seat overages, and contract minimums are surfaced under Hidden costs & gotchas.
Plans compared
For each published Penpot tier: who it actually fits, and what it adds vs. the previous tier. Cross-reference the cost calculator above for projected annual outlay.
Professional
$0/user/month
Ideal for
Small design or product team of up to 8 editors that wants the full toolset — grid and flex layout, tokens, libraries, inspect — on a zero budget.
What this tier adds
Starting tier: free and fully featured with no missing tools, up to 8 team members plus unlimited viewers, 10GB storage and 7 days of version history.
Unlimited
$7/editor/month
Ideal for
Growing teams past 8 editors, or anyone who wants month-to-month costs that stop rising at scale and 30 days of file recovery.
What this tier adds
Adds unlimited team size, 25GB storage, 30 days of autosave versions and file recovery, early access to features and a 50% discount on Penpot events — capped at $175 per month.
Enterprise
$25/member/month
Ideal for
Organisations that need SSO, IP whitelisting, chosen hosting regions and centralised admin before they can standardise on a design tool.
What this tier adds
Adds team permissions, single sign-on with your choice of IdP, choice of hosting region, IP whitelisting and 90 days of versions and file recovery, with a 14-day free trial.
Private Server
$50k/year
Ideal for
Enterprises with hard sovereignty or security requirements that want Penpot on dedicated infrastructure rather than shared cloud.
What this tier adds
Moves from shared cloud to dedicated infrastructure with custom hosting, advanced security and enterprise-grade support, priced at $50k/year.
Where the pricing makes sense
The company stage and team size where Penpot's pricing actually pencils out — and where peers do it cheaper.
Competitive at every size: $0/user/month for up to 8 team members with unlimited viewers, then $7/editor/month capped at $175 per month no matter how many editors you add, and $25/member/month for Enterprise governance. Compare that with per-seat design tools that bill every editor in full each month — the cap is what makes Penpot cheap for large teams. Private Server at $50k/year is a dedicated-infrastructure purchase.
Setup time & first value
How long it actually takes to get something useful out of Penpot — broken out by persona, not the marketing-page minute.
Cloud signup is immediate on the free Professional tier — you can be in a file the same day, and designers coming from Figma or Adobe XD mostly need to relearn layout as CSS Grid and Flex. Self-hosted install takes longer: budget for someone to provision infrastructure, run the install and own updates going forward.
Switching to or from Penpot
How to bring data in from common predecessors and how to get it back out — written for the switcher, not the buyer.
- →From Figma: Penpot publishes a Figma comparison and pricing-page guidance on import and migration, so start there and plan a component-by-component rebuild of tokens and libraries.
- →From Adobe XD: Penpot maintains a dedicated Penpot VS Adobe XD comparison to scope the move; expect to rebuild layouts as CSS Grid and Flex rather than translated artboards.
- →From Sketch: the Penpot VS Sketch comparison covers the switch; open SVG and CSS export paths make it easier to bring assets across incrementally.
- ↗To Figma: SVG and CSS/HTML export covers assets, but the open Penpot file format has no equivalent in Figma, so expect to rebuild components and tokens by hand.
- ↗To Canva: Penpot's Penpot VS Canva comparison frames the trade-off; export assets as SVG before rebuilding templates in Canva's editor.
Integrations
Resources & Guides
Tutorials & Learning
YouTube returned 6 videos for “Penpot”, and we withheld 6: 6 could not be judged, because “Penpot” is a single word that other videos use for other things. We are showing none, because we could not prove any of them are about Penpot.
Official links
Tools that pair well with Penpot
Common stack mates teams adopt alongside Penpot, with the specific reason each pairing earns its keep.
Figma
Figma is a collaborative design canvas where designers, developers, and AI agents work in one shared file.
Ui Ux Pro Max Skill
Free open-source design-intelligence skill that feeds UI styles, palettes, fonts, and chart rules into Claude Code, Cursor, and other AI coding assistants.
Open Design
Open Design turns your coding agent into a local-first design engine for HTML prototypes, slides and decks
Featured Head-to-Head Comparisons
Penpot vs The New Black
These are not competitors — the shortlist decision never happens, so don't shop them against each other. If you make apparel, jewelry, or accessories and want one workspace from design to a factory brief, The New Black is the only one of the two that does that job: it drafts size charts, grading and a bill of materials, plus on-model and ghost mannequin shots without a photoshoot. If you build software interfaces and need prototyping, design tokens, and CSS/HTML/SVG/JSON handoff with a self-host option, Penpot is the pick — and its 2.18 Enterprise tier adds admin controls while the core stays free. Buy the one that matches your output, not the one with the bigger feature list.
Penpot vs Polycam
These are not competitors, and no buyer should be choosing between them — Polycam digitizes physical spaces and objects into meshes, point clouds, and floor plans, while Penpot builds the interfaces that run on a screen. If you are documenting a building, a scene, or a prototype for CAD and VFX, Polycam is the tool; if you are designing a responsive product UI with tokens and CSS handoff, Penpot is. The only reason to read further is if your organization happens to buy both categories, in which case evaluate them separately against their real rivals (Matterport for capture, Figma for design).
Penpot vs Spectral Labs Sgs 1
Attention Insight vs Penpot
Penpot is your pick if you need a free, open-source design platform with AI agent workflows and full data control. Attention Insight is better for quick, data-driven validation of visual hierarchy without running user tests. Choose Penpot for designing and prototyping; choose Attention Insight for analyzing attention on existing designs.
Alternatives to Penpot
View allFigma
Figma is a collaborative design canvas where designers, developers, and AI agents work in one shared file.
Ui Ux Pro Max Skill
Free open-source design-intelligence skill that feeds UI styles, palettes, fonts, and chart rules into Claude Code, Cursor, and other AI coding assistants.
Open Design
Open Design turns your coding agent into a local-first design engine for HTML prototypes, slides and decks
Frequently Asked Questions
Categories
Best-of guides
Used Penpot? Help shape our editorial sentiment research.