Join the Penpot Plugins Contest. Imagine, build, win!
Enter contest
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.
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.
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.
Code
Design
Unlimited seats
Access Penpot's complete design platform with absolutely no seat limits, even for teams on our free plan.
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.
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.
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.
Code
Code
Easy to use
Penpot has a powerful and versatile interface that feels very familiar to designers and developers - it feels like home.
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
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
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