Explore all our resources on Design Tokens and become a master

Penpot 2.7 release - See what's new

Star

Design and code beautiful products. Together.

Penpot is the web-based open-source design tool that bridges the gap between designers and developers.

Self-host install

Not ready yet? Talk to us

Goodbye "lost in translation" and hand-off drama

When designers and developers use different tools,

frustration sets in.

designers' vision gets lost,

collaboration suffers,

With Penpot, designers know their interfaces are already expressed as code.

Developers can then ship scale designs faster.

Penpot is a powerful design tool

See Design features

Go to design page

Design & code collaboration for real

Penpot expresses designs natively as CSS, SVG and HTML. Developers feel right at home in the interface. The whole team enjoys one seamless workflow. No more handoffs.

See Collaboration features

Open standards & Open Source

You fully own your work and your tool for any present or future projects, no matter your team size.

The flexibility of an API & webhooks

Whether you use the browser or your private instance, you can integrate Penpot with your existing dev toolchain.

See Code features

Enhance your workflow with plugins

Customize and expand Penpot. Build, share and choose your own plugins.

Check out Plugins

They love Penpot

Tens of thousands of organizations of all sizes proudly use Penpot, including many popular open-source projects.

I wanted to give @penpotapp a try for my product team and self-host it, and I’m honestly amazed at what the team has done to make this platform accessible. Such a game changer for open source design. Viva, open source and Penpot!

Angela Oduor

@AngieNicoleOD

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. I also really appreciate how developer-friendly this is, so hand-off becomes simple!

Brett Haymaker

@BrettHaymaker

Building a design tool on top of web & dev standards is super clever. @penpotapp Imagine autolayout behaving like css flexbox and no more design & dev back and forth. 🪄🤹 Using all these open standards. Chef💋