Penpot

Penpot

Open-source design platform where designers, developers and AI agents work from CSS Grid and Flex layouts in one file

83/100Safe BetFree · from $7/editor/monthFreemium

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

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
  • Product teams already using LLMs or agents and wanting them inside the design loop via MCP
Not ideal for
  • 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
Visit Website

Beginner-friendlyCloud 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.WebAPI availableVerified 2d ago
Pricing
Free · from $7/editor/month
FreemiumFree tier4 plans5 hidden costs
Learning curve
Beginner-friendly
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.
Runs on
Web
API available · 4 integrations
Who it's for
Design-engineering team at a 30-person SaaS companyPlatform engineer at an organisation with data residency rulesDesign system lead evaluating AI-assisted workflow
Live sentiment
Is Penpot actually worth it?

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
Run a free scan

3 free scans · no card needed

Skip it if

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 30-second take
Biggest gripe

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.

Price reality

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 ago

Across 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.

78% positive22% critical

Weighted by the 74 posts each of 5 sources contributed.

Recurring strengths
  • +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
Recurring frustrations
  • −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
Patterns worth knowing
Penpot is the established open-source Figma alternative, and its MCP server is the escape hatch when Figma locks down access
Seen on Hacker News, YouTube, Lemmy
Real CSS Grid/Flexbox and open file format enable honest design-to-code handoff
Seen on Hacker News, Product Hunt
Figma-like UI makes migration easy, but animation and plugin depth still lag
Seen on Hacker News, Product Hunt, YouTube
Learning curve
beginnerProductive in ~A few hours for designers with Figma experience; days for teams self-hosting
Hidden costs people mention
  • • 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

83/100
Safe Bet

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

Recent activity
90
Traction
100
Site health
95
User sentiment
75
What the vendor publishes
60

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

FreemiumBeginner-friendlyAPI availableWeb

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.

Design-engineering team at a 30-person SaaS company

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.

Platform engineer at an organisation with data residency rules

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.

Design system lead evaluating AI-assisted workflow

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

Models Under the Hood

MCP-compatible AI agents (OpenAI, Claude, etc.)Any LLM via MCP

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.

  1. — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
  2. — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
  3. — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
  4. — re-checked, vendor evidence unchanged
  5. — re-verified summary, description, our verdict, our analysis, pricing model, pricing tiers, features, integrations, who it suits, who should skip it
  6. — 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.

Annual total
Free
Over 12 months, per user
Effective monthly
Free
Billed monthly

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.

Hidden costs & gotchas

What the public pricing page doesn't put in bold. Captured from pricing-page footnotes, contract terms, and recurring complaints.

  • 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.
  • Version history is 7 days on the free Professional tier; getting 30 days means Unlimited ($7/editor/month) and 90 days means Enterprise at $25/member/month or Private Server at $50k/year.
  • SSO with your choice of identity provider, IP whitelisting and choice of hosting region are Enterprise-tier features, so security-conscious teams cannot stay on the free or Unlimited plans.
  • Enterprise is quoted at $25/member/month and Private Server at $50k/year — both billed in USD with contract-style purchasing, a different motion from the self-serve plans.
  • Storage runs 10GB on Professional and 25GB on Unlimited for files that typically run 10–100MB, so a large library of heavy files can hit the ceiling faster than expected.

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.

Migrating in
  • →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.
Migrating out
  • ↗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

SlackGitHub ActionsGitLab CI/CDMCP server

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.

Tools that pair well with Penpot

Common stack mates teams adopt alongside Penpot, with the specific reason each pairing earns its keep.

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 all
Figma

Figma

Figma is a collaborative design canvas where designers, developers, and AI agents work in one shared file.

FreemiumTry
Ui Ux Pro Max Skill

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.

FreeTry
Open Design

Open Design

Open Design turns your coding agent into a local-first design engine for HTML prototypes, slides and decks

FreemiumTry

Frequently Asked Questions

Used Penpot? Help shape our editorial sentiment research.