Plugins are now live! Boost your Penpot workflow.
Learn more
Penpot

Penpot: The open-source design tool alternative to Figma

Penpot is a free and open-source design tool that transforms the way teams and individuals approach design and code collaboration. The wide range of features that Penpot offers, enables designers and developers to work seamlessly creating beautiful designs and prototypes and turning them easily into code.

Why choose Penpot over Figma

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
Code
Design

Open standards & Open Source

Harness the power of Open Source and universal file formats for unrestricted creativity and complete ownership of everything you design. Avoid getting locked in.
Design from the web and for the web
Interactive prototyping

Components

Create rich interactions to mimic the product behavior. Share them to stakeholders, present proposals to your team and start user testing with your designs, all in one place.

Interactions

Set triggers and define actions to add interactions to your designs.

Transitions

Add beautiful transitions like fade, pull, push and animations to your interactions.

Flows

Set multiple starting points to match your product customer journeys.
Code
Code

Self-host

Make Penpot your own anywhere you like. Bring it in-house for unparalleled security and ownership of your designs.

Templates & Libraries

It's teamwork that makes design whole. Penpot provides features that allow designers, developers and stakeholders to collaborate sharing the same space.

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.
Next level collaboration
Code
Design

Unlimited seats

Access Penpot's complete design platform with absolutely no seat limits, even for teams on our free plan.
Design from the web and for the web
Code
Code

Developer friendly

Help developers ship products faster with features built just for them, such as Penpot's Inspect tab and CSS Grid and Flex layout unique features.
Developer tools

Vector files export

Developers are at the core of Penpot's vision. We make sure they can use it as part of their productivity tools thanks to intuitive navigation and code and properties introspection. The built-in read-only mode brings a great safety net!

Code inspector

Get actual code snippets. Ready to use code for CSS styles and SVG markup.

Properties inspector

Get detailed specifications about the object’s style and content.

Distances and measurements

Easily get measurements and distances between objects.
Code
Design

Flexible

Work on any OS; collaborate from anywhere in the world, and fully customize Penpot with our API to create the perfect system for your team.
Design from the web and for the web

Custom font management

We build this community together. We have built an accessible place to learn more about Penpot. Once you become familiar with it, you can easily start helping other by contributing libraries & templates or even code!

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

Easy to use

Penpot has a powerful and versatile interface that feels very familiar to designers and developers - it feels like home.
Developer tools

Vector files export

Developers are at the core of Penpot's vision. We make sure they can use it as part of their productivity tools thanks to intuitive navigation and code and properties introspection. The built-in read-only mode brings a great safety net!

Code inspector

Get actual code snippets. Ready to use code for CSS styles and SVG markup.

Properties inspector

Get detailed specifications about the object’s style and content.

Distances and measurements

Easily get measurements and distances between objects.

Penpot feature highlights

CSS Flex and Grid layouts

Create flexible, responsive designs in a fraction of the time. Built in open CSS standards, Penpot expresses designs straight in code.

Open API

Connect with our open API to unleash Penpot’s true potential with limitless customization and automation possibilities.

Plugin system

Enhance functionality with our plugins or build and share your own.

Coming soon

Design tokens

Streamline design decisions across your brands and projects.

Coming soon

Inspect tab

Get ready-to-use code for all of your designs expressed in SVG, CSS, and HTML.

Real-time collaboration

Share feedback, workshop ideas, and create memorable designs, all in real time.

User testimonials

I just tried Penpot and WOW, the flex and grid layouts are so much more intuitive than how Figma handles layouts.
Thib
@thibaultamartin
Played with @penpotapp for a day or so and honestly think it replaces Figma for almost everything I use it for. Open source and self-hostable = 😻
Scott
@scott_riley
All I wanted from Penpot was figma parity, but now if they can pull off these features at any sort of quality, it's going to be incredible.
Ian Parr
@devolute

Feature comparison

Unfold the power of open-source design with Penpot — built with all of the Figma features with none of the pricing limits.
Feature
Open Source
Open standards (SVG, HTML, CSS)
Unlimited free designers/developers
Unlimited files
Self-host
Custom fonts for teams
CSS Flex and Grid layouts
Native Design tokens (Variables)
Plugins system
Variations (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
Penpot
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Soon
Yes
Soon
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Try Penpot now!
Figma
No
No
No
No
No
No
No
No
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Feature
Feature
Penpot
Figma
Open Source
Open Source
Yes
Open Source
No
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Yes
Open Source
Open Source
No
Yes
Open Source
No
Yes
Open Source
Open Source
Yes
Open Source
Open Source
No
Yes
Open Source
No
Yes
Open Source
Open Source
Open Source
No
Yes
Open Source
No
Yes
Open Source
Yes
Open Source
Yes
Open Source
Open Source
No
Yes
Open Source
No
Yes
Open Source
Open standards (SVG, HTML, CSS)
Open Source
Open Source
No
Yes
Open Source
No
Yes
Open Source
Yes
Open Source
Yes
Open Source
Open Source
No
Yes
Open Source
No
Yes
Open Source
Yes
Open Source
Yes
Open Source
No
Yes
Open Source
No
Yes
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
No
Yes
Open Source
No
Yes
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
No
Yes
Open Source
No
Yes
Open Source
Open Source
Open Source
Yes
Soon
Open Source
Open Source
No
Yes
Open Source
No
Yes
Open Source
Open Source
Open Source
Yes
Soon
Open Source
Open Source
No
Yes
Open Source
No
Yes
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Open Source
Yes
Soon
Open Source
Open Source
No
Yes
Open Source
No
Yes
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Open Source
Yes
Open Source
Yes
Open Source
Open Source
Yes
Try Penpot now!
Open Source
Open Source
Yes
Try Penpot now!
Sign up

Discover the key benefits of using Penpot

Ship code faster
Skip handoffs and ship products faster together. Developers get ready-to-use CSS, SVG, and HTML code that comes straight from the designs.
Get more for free
Our free plan comes with all of our most popular features, unlimited design files, and unlimited designer and developer seats.
Work in your language
Design transcends borders — your tools should, too. Penpot includes active translations for over 30 languages with built-in RTL (right-to-left) support.
Own your designs
You (and you alone) will own your designs forever under Penpot’s open-source license agreement.
Gain more privacy
With self-hosted Penpot, the privacy and security of your data will be safeguarded.

Moving from Figma to Penpot

Ready to switch? Just follow these steps:
Sign up for a free Penpot account.
Export Figma files using Penpot Exporter.
Import files into Penpot.
Keep working on your amazing designs

Penpot success starts here

Libraries & Templates

Create, share or download a wide range of templates or libraries. Use them in your Penpot projects.
Our vibrant community champions open design-and-code collaboration.

Contributions

Help each other with code contributions, design templates, translations, new feature ideas and more.

Penpot Fest

The conference where designers and developers come together to create a collaboration without constraints.

Learning Center

Tap into our collected Penpot wisdom with guides on how to prototype, create UI designs, and more.

Collaboration

Learn how Penpot can help your team create its best work with our collaboration tools designed to bring designers and developers together.

Templates

Great designs don’t always start from scratch. Get a head start on your next project with one of our many free-to-use templates.
2

FAQs

More on Support, documentation and resources

User guide

Detailed documentation about how to work with Penpot, from the interface basics to advanced functionality. User guide.

Youtube channel

You can watch our tutorials and the tutorials made by our community. Youtube channel.

Libraries & Templates

A curated list of files made by the Penpot team and the community that could help you start and speed up your workflow. Libraries & templates page.

Support

Get personalized help with Penpot to solve issues and questions about the product.

Contributing guide

Where you’ll find how to collaborate with translations, feature requests, core contributions, bug hunting… Contributing guide.

Contributing guide

Where you’ll find how to collaborate with translations, feature requests, core contributions, bug hunting… Contributing guide.

Community

A public space to learn, share and discuss about Penpot, its present and future with the entire Community and the Penpot core team. Community.