ToolFlock

Penpot

Penpot is an open-source design and prototyping tool that runs in the browser or on self-hosted servers. Layouts follow CSS Grid and Flexbox standards with native SVG and CSS output for direct inspection and code reuse.

#37 in Image & Design ToolsGraphic Design SoftwareFree plan

Who it's for

Best for

  • Teams that want an open-source Figma alternative
  • Organisations that must self-host

Not for

  • Users who need the fastest performance on very large files
  • Designers relying on Figma's plugin ecosystem

Pricing

Free plan$0
Unlimited$7/mo
Enterprise$25/mo

Features

  • Open source

    Free and open source, and teams can self-host it on their own servers.

  • UI design

    Design interfaces with layouts based on CSS Grid and Flexbox, so designs behave like code.

  • Prototyping

    Creates interactive prototypes and wireframes with shareable links for design feedback.

  • Code inspection

    Uses open standards such as SVG and CSS for direct layout inspection and code reuse.

  • AI integration

    An MCP server connects AI agents to inspect and modify canvas designs programmatically.

What users say

Pros

  • Runs free in the browser without setup, or deploys locally via open-source Docker containers.
  • AI agents can design in it through its MCP server, and self-hosting avoids Figma's MCP limits.
  • Generates native SVG, CSS, and HTML directly from design layouts for direct code reuse.

Cons

  • Large files get slow, and bugs and rendering problems interrupt work.
  • Complex component systems and prototyping workflows lag behind Figma.

A selection of the review sources we used:

Summarized from public user reviews and community discussions. View details

Global Traffic Rank

Top 500k

Alternatives

PenpotCanvaAdobe ExpressFigma
Rank#37 in category#1 in category#2 in category#3 in category
Free planYesYesYesYes
ProOpen source and free, online or self-hostedNo design training needed to make polished posts, flyers and slidesAI resizing, subscription value, faster graphics, captionsReal-time collaboration and design systems in one file
Better forCreating social media posts, marketing graphics, and quick videos from templates.
Weaker atPrototyping interactive UI designs and inspecting layouts for developer handoff.