Enhancing Developer Experience in Penpot: Share Your Ideas!

Hey developers! :wave:

As you know, one of our core promises at Penpot is to close the gap between design and development, and we’re reaching out to you to see how we can make that happen even better! We know that seamless collaboration between design and development is crucial, and we want to hear your thoughts on what would help make this a reality.

We’re exploring new features to make the developer experience in Penpot as smooth as possible, but we want to go further and gather ideas for other improvements specifically focused on making Penpot a powerful tool for developers.

What are the specific features, workflows, or integrations that would help you work more fluidly with designs in Penpot? How can we help you bridge the gap between design and development even better?

Let’s keep building Penpot to meet everyone’s needs. Share your thoughts below! :arrow_down:

2 Likes

The code tab with html and css code always felt too far from reality that I always rewrote them from scratch at development time (and at the same time I understand how challenging it can be to create such a tool).

I would consider being able to see the current selection’s CSS without seeing all of its children CSS which can be overwhelming (for instance on frames), and being able to associate an html tag (and CSS class?) to an object (for SEO and accessibility). Basically, trying to give it more context and semantic.

Although personally I always tend to come up with my own code to fit the framework I use and have a representation that matches the architecture and project needs, so it isn’t a big need for me.

Another thing I would consider while design tokens are in the work is the ability to export them, a bit like how https://www.realtimecolors.com/ does it. Being able with one click to export all tokens as CSS variables and @font-face tags would be very useful I think.

2 Likes

More font support would be great.
Like woff2 and variable fonts.
Also a way to search for fonts with font previews.
To be able to search for fonts families that include italics, and by style would be good.
Maybe incorporate paid fonts as well.
I find adding fonts a bit glitchy.
Like I have to change the name of the font because it adds source sans pro?
Also, when I uploaded fonts, they are not available in the project view.
A better colour picker would be good.