Penpot 2.0 release is out now!
Find out more
The open-source design tool that speaks real code
Built-in CSS and SVG means developers integrate design deeply into their workflow.
Connect design and code at scale
Code
Design
Designed for developers
Penpot was built from day one to serve both designers and developers and create a seamless design-code process. Enjoy real-time collaboration or play "solo".
Code
Code
Inspect mode
Work with ready-to-use code and make your workflow easy and fast. The inspect tab gives instant access to SVG, CSS and HTML code.
Code
Design
Self host your own instance
Use Penpot's cloud service or deploy your own Penpot server. Provide your team or organisation with a completely owned collaborative design tool.
Self-host install
Code
Code
Integrations
Penpot supports webhooks and an API through access tokens. Enjoy total flexibility integrating Penpot into your development toolchain.
Be ready for a future Plugin system so you can freely create on top of Penpot too!
Integration guide
Code
Design
Shared design libraries
Build your own design libraries and reuse them across your projects or benefit from the dozens of community contributed libraries.
Visit Libraries & Templates page.
Code
Code
Design systems
Borrow from the best software architecture practices. Encapsulate design elements into components and tokens that allow extreme reusability and scalability of your design work.
Code
Design
Interactive prototyping
Create realistic user flows and interactions. Collect feedback from stakeholders in a single, centralized conversation.
Discover more features
Share your work
Share any piece of work with other users. You decide whether they can suggest changes or not.Multi-language UI
Choose among over 30 different languages (RTL supported) and use Penpot in your own language.Unlimited teams and projects
With unlimited projects, scale up your work and organization.Full features list
From beautiful code comes a beautiful tool
Our vibrant community champions open design-and-code collaboration.
Your Penpot, your rules
Learn how to setup your custom Penpot installation in no time, whether it's a glorified localhost or a company's instance.
Technical guide
Hack along with us!
Tinker with Penpot and suggest new ideas, send code contributions or produce libraries and templates.
Contributing guide
What developers say about Penpot
Our vibrant community champions open design-and-code collaboration.
Oh my gosh - I love it. The controls felt very intuitive to me - way more intuitive! They map nicely to the mental models of actual CSS. I LOVE the wrapping options as well - so much more dynamic than I thought it ever would be! I also really appreciate how developer-friendly this is, so hand-off becomes simple!
Brett Haymaker
@BrettHaymaker
The fact that you can build layouts using flexbox is so practical. It takes away this weird layer of abstraction that exists with other tools, which needs to be "deconstructed" to some extent during implementation.
Raphaël Titsworth-Morin
@@raphaeltm_
Penpot using the same abstractions as developers - CSS flexbox and grid - could be a huge game changer for front-end developement.
Steve O'Brien
@username