Penpot

The design tool for design & code collaboration

459 followers

Team collaboration software•Interface design tools•Design resources

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: The design tool for design & code collaboration | Product Hunt

Launch tags:

Web App•Design Tools•User Experience

Launch Team

diacritica

Penpot

Maker

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!

Report

4yr ago

Sandoche

Llamao

@diacritica Nice one, just added it to Undesign

Report

4yr ago

Abraham Samma

@diacritica Guys, this rocks! Looks and feels solid. Just discovered it now.

Report

3yr ago

diacritica

Penpot

Maker

@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 :)

Report

3yr ago

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.

Report

4yr ago

diacritica

Penpot

Maker

@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?

Report

4yr ago

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.

Report

4yr ago

diacritica

Penpot

Maker

@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!

Report

4yr ago

Guillem Serra

What are the advantages of using SVG? how are you different from figma?

Report

4yr ago

diacritica

Penpot

Maker

@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.

Report

4yr ago

Do you use Penpot?

4.8

Based on 28 reviews

Review Penpot?

Penpot is highly praised for being an open-source design tool that offers a compelling alternative to Figma, especially after Adobe's acquisition of Figma. Users appreciate its ease of use, generous free tier, and the absence of restrictive pricing plans. The tool is noted for its potential to enhance collaboration between designers and developers, thanks to features like native Design Tokens and CSS Grid. While some users mention missing features, the overall sentiment is positive, with many seeing Penpot as a promising and mature project in the design software space.