Explore New Composite Tokens and other updates in Penpot 2.11!
Try them in Penpot
Penpot

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.
Penpot, design freedom for teams

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
Design from the web and for the web

Wireframing

Ship faster with wireframes built on CSS Flex and Grid layouts that follow real code logic.
Design from the web and for the web

Prototyping

Test flows earlier with prototypes powered by interactive links, animations, overlays, and multi-entry journeys.
Design from the web and for the web

Whiteboarding

Explore ideas and align your team by sketching concepts, mapping problems, and capturing your thoughts in a flexible, infinite canvas.
Design from the web and for the web

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.
Design from the web and for the web

UX component kits

Keep your UX consistent with reusable components such as wireframes, accessibility, and annotations that help you build clearer, faster design deliverables.
Design from the web and for the web

Version control

Design as a team with real-time editing, commenting, and version history.
Design from the web and for the web

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

Secure and open

Own your data with self-hosting options and the freedom of open standards that provides Open Source.
Customizable design suite
Expand your design platform with Penpot APIs and plugins for added flexibility.

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

wireframing_kit_template
Blog
Discover the latest on everything design and development from the Penpot team.
minimal_wireframing_kit_template
Learning center
Learn how to make the most out of all of Penpot’s UX design features.
wireframing_kit_template
Libraries & Templates
Get a head start on your latest project with our template library.
minimal_wireframing_kit_template
Penpot UI Course
Become an expert in UI with our free 10-hour course.
Try Penpot now!

Stay in the loop

Receive product and Community updates!