Penpot

The design tool for design & code collaboration

4.8
28 reviews

459 followers

Penpot is the open-source design tool that bridges the gap between designers and developers. No more hand-off drama thanks to native Design Tokens, CSS Grid & Flex Layout and the Code Inspect tab. Designers create stunning visuals, prototypes, design systems at scale, while developers enjoy ready-to-use code for a faster workflow. Web-based or self-hosted and based on open web standards (SVG, CSS and HTML), the app gives you ownership of your files. Try Penpot now! https://penpot.app/

Penpot gallery image
Penpot gallery image
Penpot gallery image
Penpot gallery image
Launch Team

What do you think? …

diacritica
As part of the Penpot development team, I invite you try out our first release. Don't be daunted by the "alpha" tag, we're just overcautious here ;P. We are very excited to bring to the world of Open Source Design a new platform anyone can use for free. Let us know what you think!
Sandoche
@diacritica Nice one, just added it to Undesign
Abraham Samma
@diacritica Guys, this rocks! Looks and feels solid. Just discovered it now.
diacritica
@absamma Thanks! We're still largely unknown to the public which means there's still a lot of people like you that basically are like WOOOOW! and we love to see that reaction :)
jan d
I’m a UX designer and researcher. I am very impressed by this. In its "Alpha" it feels more mature than a lot of product that are released. It does feel coherent and seems to have a clear vision. Its UI is similar to figma’s and I consider this a plus. It feels familiar to figma users and differentiation based on hunches leads usually to hard-to-use products.
diacritica
@jan_d the "alpha" tag was wrong in my opinion (don't tell the team I said this). This is Alpha as in Alpha Female. Yeah, sure, you'll find bugs here and there but, I mean, this was super tough to put together and it works. It does give you the confidence that you can be productive with Penpot TODAY. Otherwise, it'd be yet another nice tool, but I see that you feel there's a clear path forward. Figma was a source of inspiration and we made sure the learning curve would not be steep, there are also many best practices to borrow from. I have a question for you, do you work with UI designers and frontend/backend devs?
jan d
@diacritica > I have a question for you, do you work with UI designers and frontend/backend devs? Yes, I do. All 3 roles, although we do not a *lot* of UI design.
diacritica
@jan_d OK, I see. One of our hypothesis here is that we need to blur the lines between UX UI & Front Back. When we developed Taiga we made sure UX UI would welcome an agile project management platform. We know want devs to enjoy a design & prototype tool and UNDERSTAND the design process being part of it. We would love to hear from you in the future and how your Penpot experience went in that regard too. Thanks!
Guillem Serra
What are the advantages of using SVG? how are you different from figma?
diacritica
@guillem_serra1 First of all, to use SVG as native format WAS a challenge, but it was a HUGE opportunity too. I'll tell you why. If you go for SVG (open standard, web, mobile, etc) at the storage level, you can suddenly integrate all your Penpot designs with your code repos. You could make changes to the actual representation of the design itself thanks to SVG and not yet another closed format. That opens the door to massive opportunities for designers AND devs. Also, SVG means we are low-code ready for free. You can pick any element in Penpot and ask for its SVG (and CSS) representation knowing it's actually what it is, no translation. That brings a more trustworthy relationship between designers and devs and allows frontend devs to try out their design skillset. As for Figma, well all of the above plus open source, on premise options, and focus on design process plus dev process. We believe in cross-domain teams.

Do you use Penpot?