Penpot logo
Product
Self-Host
AI Workflows
Features
Release notes
Integration & API
Business Cases
Features
Community
Community Space
Ambassador Program
Wall of love
Penpot Fest
Blog
Features
Features
Resources
Learning Center
Penpot UI Course
Plugins
Libraries & Templates
Tutorials
Dev Diaries
Help Center
Pricing
Contact Sales
Log In
Contact Sales
Sign up
New
Penpot AI workflows — Explore now

Penpot: The open-source UX design platform for Product teams

Design and develop products with a unified process in Penpot's open-source UX design platform. With Penpot, every wireframe, mockup, and prototype your team creates is expressed in code your developers can use.
Try Penpot today
Explore self-hosting options

One UX design tool for designers & developers

Penpot bridges the gap between designers and developers so projects move faster from concept to code.

Design systems & tokens

Stay consistent at scale with design systems and W3C DTCG-compliant design tokens.

Responsive layouts

Make responsive the standard with built-in, no-code CSS Flex and Grid layouts.

Design-to-code

Get clean, workable CSS, HTML, and SVG code straight from your designs.

Open standards

Design and develop in open file formats that work across your tech stack, not lock you out of it.

One UX design tool for designers & developers

From wireframes to production, Penpot supports the entire UX design process. Designers and developers workflows move faster from concept to code.

Design and Code

Create beautiful user interfaces in collaboration with all team members. Keep consistency at scale with components, libraries and design systems.

Components

Speed your workflow with the reusable power of components.

Flex-Layout

Build flexible interfaces following CSS standards.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.
Design from the web and for the web
flex and grid layout marketing image

Wireframing

Ship faster with wireframes built on CSS Flex and Grid layouts that follow real code logic.
screen of a prototype in pepot

Prototyping

Test flows earlier with prototypes powered by interactive links, animations, overlays, and multi-entry journeys.
Ux sticky notes on a board

Whiteboarding

Explore ideas and align your team by sketching concepts, mapping problems, and capturing your thoughts in a flexible, infinite canvas.
Ux user flow designed in penpot

User flows

Catch dead ends and missing states by mapping user journeys with flows and diagrams that connect every screen. Streamline flows with this plugin.
Ux component kit template

UX component kits

Keep your UX consistent with reusable components such as wireframes, accessibility, and annotations that help you build clearer, faster design deliverables.
comment section on a penpot project

Version control

Design as a team with real-time editing, commenting, and version history.
code  of an app screen in penpot

Design-to-dev workflow

Ship code faster with designs already built on open standards like SVG, CSS, and HTML.

Teams across the world design their products with Penpot

security icon

Secure and open

Own your data with self-hosting options and the freedom of open standards that provides Open Source.
security icon

Customizable design suite

Expand your design platform with Penpot APIs and plugins for added flexibility.
customization icon

No seat limits or paywalls

Invite your whole team — no hidden costs, no restrictions.
Real, scalable logic
Design with Flex and Grid layouts that behave like real code.

A UX design platform built for everyone

For beginners

People new to UX design use our free plan to:
  • Experiment with all of Penpot’s design features.
  • Take advantage of templates and tutorials made by our team and active community.
  • Create an unlimited number of projects with as many collaborators as you like.
Sign up for free

For professional design teams

Design teams use Penpot to:
  • Keep work consistent with shared libraries, tokens, and design systems.
  • Collaborate in real time with editing, comments, and version history.
  • Align with developers through Inspect mode and usable code output.
Explore our pricing

For enterprises

Enterprises use Penpot to:
  • Self-host for full security, compliance, and data ownership.
  • Scale design systems and libraries across multiple teams.
  • Eliminate vendor lock-in and seat limits.
Explore self-hosting solutions

Compare Penpot, Figma, and Sketch

Feature
Open Source
Open standards (SVG, HTML, CSS)
Unlimited free designers/developers
Unlimited files
Self-host option
OS inclusive (Windows, Mac, Linux)
CSS Flex and Grid layouts
Native Design tokens
Plugins system
Variants
Advanced vector editing
Templates and libraries
Real-time collaboration
Inspect tab/Dev Mode)
Support for custom fonts
Prototyping
Tutorials and videos
Robust community
Web based
Figma
No
No
No
No
No
Yes
No
No
Yes
Yes
Yes
Yes
Yes
Yes
No
Yes
Yes
Yes
Yes
Sketch
No
No
No
No (limited for basic plan)
No
No (Mac only)
Limited
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Limited
Penpot
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Try Penpot now!

Get more from Penpot

Penpot Blog main page screenshot
Blog
Discover the latest on everything design and development from the Penpot team.
Go to the Blog
List of templates in the penpot hub
Learning center
Learn how to make the most out of all of Penpot’s UX design features.
Go to the Learning Center
wireframing_kit_template
Libraries & Templates
Get a head start on your latest project with our template library.
Go to Template Library
Ui design with penpot main cover
Penpot UI Course
Become an expert in UI with our free 10-hour course.
Go to the Penpot UI Course
Try Penpot now

Stay in the loop

Receive product and Community updates!
Penpot Newsletter Illustration
Penpot logo
Full-stack Design

Product

  • Design
  • MCP Server
  • Code
  • Collaboration
  • Features
  • Design Tool
  • Penpot VS Figma
  • Penpot VS Adobe XD
  • Penpot VS Canva
  • Penpot VS Sketch

Company

  • About
  • Blog
  • Wall of love
  • Penpot Fest
  • Careers
  • Media Kit

Resources

  • Penpot UI Design Course
  • Plugins
  • Libraries & templates
  • Learning center
  • Tutorials
  • Community
  • Release notes
  • Help center

For Businesses

  • Security & Compliance
  • Pricing
  • Self-host
  • Integration & API
  • Why Penpot
  • Penpot Enterprise
  • Design Infrastructure

Resources

  • Penpot UI Design Course
  • Plugins
  • Libraries & templates
  • Learning center
  • Tutorials
  • Community
  • Dev diaries
  • Help center

For Business

  • Security & Compliance
  • Pricing
  • Self-host
  • Integration &API
  • Why Penpot
  • Penpot Enterprise
  • Design Infrastructure

Company

  • About
  • Blog
  • Wall of love
  • Penpot Fest
  • Careers
  • Media Kit

Use Cases

  • Wireframing
  • Prototyping
  • UX design
  • AI Workflows
Collaborative UI Design

Key Features

  • Penpot MCP Server
  • Design Tokens
  • Design Systems
  • CSS Grid and Flex Layouts

Legal

  • Terms & conditions
  • Privacy policy
  • Cookie policy
  • Data processing agreement
  • Whistleblowing
Made with LOVE and Open Source KALEIDOS Subsidiary SL © 2026